"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
  
      
      
        $(function()  
        {  
            var xhr = new AjaxXmlHttpRequest();  
            $("#btnAjaxOld").click(function(event)  
            {  
                var xhr = new AjaxXmlHttpRequest();  
                xhr.onreadystatechange = function()  
                {  
                    if (xhr.readyState == 4)  
                    {  
                        document.getElementById("divResult").innerHTML = xhr.responseText;  
                    }  
                }  
                xhr.open("GET", "data/AjaxGetCityInfo.aspx?resultType=html", true);  
                xhr.send(null);  
            });  
        })  
 
        //跨浏览器获取XmlHttpRequest对象  
        function AjaxXmlHttpRequest()  
        {  
            var xmlHttp;  
            try 
            {  
                // Firefox, Opera 8.0+, Safari  
                xmlHttp = new XMLHttpRequest();  
            }  
            catch (e)  
            {  
 
                // Internet Explorer  
                try 
                {  
                    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");  
                }  
                catch (e)  
                {  
 
                    try 
                    {  
                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
                    }  
                    catch (e)  
                    {  
                        alert("您的浏览器不支持AJAX！");  
                        return false;  
                    }  
                }  
            }  
            return xmlHttp;  
        }          
      
      
 
  
      
    原始Ajax调用  
      
    

$("#divResult").load("data/AjaxGetCityInfo.aspx", { "resultType": "html" }); 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
  
      
 
      
 
      
        $(function()  
        {  
            $("#btnAjaxGet").click(function(event)  
            {  
                //发送Get请求  
                $("#divResult").load
("../data/AjaxGetMethod.aspx?param=btnAjaxGet_click" + "×tamp=" + (new Date()).getTime());  
            });  
 
            $("#btnAjaxPost").click(function(event)  
            {  
                //发送Post请求  
                $("#divResult").load("../data/AjaxGetMethod.aspx", { "param": "btnAjaxPost_click" });  
            });  
 
            $("#btnAjaxCallBack").click(function(event)  
            {  
                //发送Post请求, 返回后执行回调函数.  
                $("#divResult").load("../data/AjaxGetMethod.aspx", { "param": "btnAjaxCallBack_click" }, function(responseText, textStatus, XMLHttpRequest)  
                {  
                    responseText = " Add in the CallBack Function! 
" + responseText  
                    $("#divResult").html(responseText); //或者: $(this).html(responseText);  
                });  
            });  
 
            $("#btnAjaxFiltHtml").click(function(event)  
            {  
                //发送Get请求, 从结果中过滤掉 "鞍山" 这一项  
                $("#divResult").load("../data/AjaxGetCityInfo.aspx?resultType=html" + "×tamp=" + (new Date()).getTime() + " ul>li:not(:contains('鞍山'))");  
            });  
 
        })  
      
 
  
      
    使用Load执行Get请求  
    使用Load执行Post请求  
    使用带有回调函数的Load方法  
    使用selector过滤返回的HTML内容  
      
    

$.get("../data/AjaxGetMethod.aspx?param=btnAjaxGet_click");  
 //或者通过data参数传递:  
 $.get("../data/AjaxGetMethod.aspx", { "param": "btnAjaxGet2_click" });   

function (data, textStatus) {  
  // data could be xmlDoc, jsonObj, html, text, etc...  
  this; // the options for this ajax request  
} 

$.getJSON("../data/AjaxGetCityInfo.aspx", { "resultType": "json" }, function(data, textStatus)  
{  
      alert(data.length);  
      alert(data[0].CityName);  
}); 

var head = document.getElementsByTagName("head")[0];              
var script = document.createElement("script");  
script.src = s.url;  
 
//上面的代码动态建立了一个script语句块, 并且将其加入到head中:  
 
head.appendChild(script);  
 
//当脚本加载完毕后, 再从head中删除:  
// Handle Script loading  
   if ( !jsonp ) {  
      var done = false;  
      // Attach handlers for all browsers  
      script.onload = script.onreadystatechange = function(){  
          if ( !done && (!this.readyState ||  
              this.readyState == "loaded" || this.readyState == "complete") ) {  
                 done = true;  
                 success();  
                 complete();  
 
                 // Handle memory leak in IE  
                 script.onload = script.onreadystatechange = null;  
                 head.removeChild( script );  
           }  
      };  
  } 

$("#btnAjaxGetScript").click(function(event)  
{  
    $.getScript("../scripts/getScript.js", function(data, textStatus)  
    {  
        alert(data);  
        alert(textStatus);  
        alert(this.url);  
    });  
});  
 
$("#btnAjaxGetScriptCross").click(function(event)  
{  
    $.getScript("http://resource.elong.com/getScript.js", function(data, textStatus)  
    {  
        alert(data);  
        alert(textStatus);  
        alert(this.url);  
    });  
});  

$.ajaxSetup({  
    url: "../data/AjaxGetMethod.aspx",  
    data: { "param": "ziqiu.zhang" },  
    global: false,  
    type: "POST",  
    success: function(data, textStatus) { $("#divResult").html(data); }  
}); 

  
  
  
      
 
      
 
      
        $(document).ready(function()  
        {  
            $.ajaxSetup({  
                url: "../data/AjaxGetMethod.aspx",  
                data: { "param": "ziqiu.zhang" },  
                global: false,  
                type: "POST",  
                success: function(data, textStatus) { $("#divResult").html(data); }  
            });  
 
            $("#btnAjax").click(function(event) { $.ajax(); });  
            $("#btnGet").click(function(event) { $.get(); });  
            $("#btnPost").click(function(event) { $.post(); });  
            $("#btnGet2").click(function(event) { $.get("../data/AjaxGetMethod.aspx",{ "param": "other" }); });  
 
        });  
 
      
 
    
      
    不传递参数调用ajax()方法  
    不传递参数调用get()方法  
    不传递参数调用post()方法  
    传递参数调用get()方法, 使用全局的默认回调函数  
      
    

注意当使用get()或者post()方法时, 除了type参数将被重写为"GET"或者"POST"外, 其他参数只要不传递都是使用默认的全局option. 如果传递了某一个选项, 比如***一个按钮传递了url和参数, 则本次调用会以传递的选项为准. 没有传递的选项比如回调函数还是会使用全局option设置值.

2.serialize( )

Returns: String

说明:

序列表表格内容为字符串，用于 Ajax 请求。

序列化最常用在将表单数据发送到服务器端时. 被序列化后的数据是标准格式, 可以被几乎所有的而服务器端支持.

为了尽可能正常工作, 要求被序列化的表单字段都有name属性, 只有一个eid是无法工作的.

像这样写name属性:

讲解:

serialize()函数将要发送给服务器的form中的表单对象拼接成一个字符串. 便于我们使用Ajax发送时获取表单数据. 这和一个From按照Get方式提交时, 自动将表单对象的名/值放到url上提交差不多.

比如这样一个表单:

生成的字符串为:single=Single¶m=Multiple¶m=Multiple3&check=check2&radio=radio1

提示:代码见 chapter6\7-serialize.htm

3.serializeArray( )Returns: Array

 Returns: Array