Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

jquery ajaxµÄload()·½·¨


oad()·½·¨
    load( url [,data] [,callback])    dataÊÇObjectÀàÐÍ£¬·¢ËÍÖÁ·þÎñÆ÷µÄkey/valueÊý¾Ý
        Àý£º
$(function(){
     $("#send").click(function(){
         $("#resText").load("test.html");  //½«test.htmlµÄÄÚÈݼÓÔØµ½idΪ“resText”µÄÔªËØÀï
     });
});
        $("#resText").load("test.html  .para");   //url²ÎÊýµÄÓï·¨½á¹¹Îª"url selector"£¬Ê¾ÀýÖÐÖ»Ðè¼ÓÔØtest.html ÖÐclassΪparaµÄÄÚÈÝ
    ´«µÝ·½Ê½£º
    ´«µÝ·½Ê½¸ù¾Ý²ÎÊýdataÀ´×Ô¶¯Ö¸¶¨£¬Èç¹ûûÓвÎÊý£¬Ôò²ÉÓÃget·½Ê½£»ÓвÎÊý×Ô¶¯×ª»»Îªpost·½Ê½¡£
    $("restText").load("test.php",function(){....});  //ûÓÐdata²ÎÊý£¬²ÉÓÃget·½Ê½
    $("restText").load("test.php",{name:"rain",age:"22"},function(){....})  //ÓÐdata²ÎÊý£¬²ÉÓÃpost·½Ê½
    
    »Øµ÷º¯Êý£º
    ¸Ãº¯ÊýÓÐ3¸ö²ÎÊý£¬·Ö±ð´ú±íÇëÇ󷵻صÄÄÚÈÝ¡¢ÇëÇó״̬ ºÍ XMLHttpRequest¶ÔÏó
    $("#restText").load("test.html",function(responseText,textStatus,XMLHttpRequest){
            //responseText:ÇëÇ󷵻صÄÄÚÈÝ
            //textStatus:ÇëÇóµÄ״̬£ºsuccess£¬error£¬notmodified£¬timeout 4ÖÖ
            //XMLHttpRequest£ºXMLHttpRequest¶ÔÏó
    });


Ïà¹ØÎĵµ£º

¼òµ¥µÄAJAXÊÖ¹¤·¶Àý

Client¶Ë
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <script language="javascript">
  var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");
  
  function sendAJAX()
  {
 &nb ......

½«Í¼Æ¬±£´æµ½±íÖв¢ÓÃajax¼¼Êõ»ñȡͼƬ

´´½¨ÓÃÓÚ±£´æÍ¼Æ¬µÄ±í£º
create table stockImages
( imageid int primary key identity(1,1),
  [filename] varchar(50),
  img varbinary(max))
²åÈë±¾µØÍ¼Æ¬£º
insert into stockImages
select '·ç¾°',bulkcolumn
from openrowset(bulk 'd:\\img.jpg',single_blob) as x
´´½¨´æ´¢¹ý³Ì£¬¼ìË÷ͼƬ£¬½«¶ ......

jQuery AJAX µ÷ÓÃWCF·þÎñʵÏÖµÄ×Ô¶¯Íê³É¿Ø¼þ

´úÂëÏÂÔØ£ºhttp://code.google.com/p/ajaxautocomplete/downloads/list
 
Auto CompleteµÄjQuery¿Ø¼þ¡£
Ê×ÏÈÊÇÐèÒªÉè¼ÆÏÂÎÒÃǵÄDIV×îºóÓ¦¸ÃÏÔʾ³ÉʲôÑù×Ó,ÎÒµÄCSS²»Õ¦µØ¡£Ï¹ÍæÄØ¡£Ñù×ÓÈçÏ£º
Ê×ÏÈÊÇÒ»¸öDIV£¬È»ºóÊÇÌí¼ÓÒ»¸öulºÍ¼¸¸öli tag:
<div id="nav">
<ul>
<li><a>Text1 field1& ......

ajaxÇëÇó²»·µ»Øhtml´úÂë


ajaxÇëÇó²»·µ»Øhtml´úÂëµÄÈýÖÖ·½Ê½
ajaxÇëÇó´úÂ룺
function ajaxSend() {
$.ajax({
url: “Test_Ajax.aspx”,
type: “post”,
data: { name: “ajax” },//Èç¹ûÇëÇóµÄ×ÔÉíÒ³Ãæ£¬ÎªÁËÔÚºǫ́ÅжÏÊDz»ÊÇajaxÇëÇó
error: function(xhr, textStatus, errorThown) {
alert(errorThown) ......

µÚÒ»¸öAjax ʵÀý

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>¼òµ¥µÄÓ¦ÓÃXMLHt ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ