最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

 
 
 
 

  
  
  
  

  
  
  
  
 "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對(duì)象 
  
  
  
  
        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調(diào)用 
  
  
  
  
     
  
  
  
  
    

 
 
 
 

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

 
 
 
 

  
  
  
  

  
  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
     
  
  
  
  

  
  
  
  
     
  
  
  
  

  
  
  
  
     
  
  
  
  
        $(function() 
  
  
  
  
        { 
  
  
  
  
            $("#btnAjaxGet").click(function(event) 
  
  
  
  
            { 
  
  
  
  
                //發(fā)送Get請(qǐng)求 
  
  
  
  
                $("#divResult").load
  
  
  
  
("../data/AjaxGetMethod.aspx?param=btnAjaxGet_click" + "×tamp=" + (new Date()).getTime()); 
  
  
  
  
            }); 
  
  
  
  

  
  
  
  
            $("#btnAjaxPost").click(function(event) 
  
  
  
  
            { 
  
  
  
  
                //發(fā)送Post請(qǐng)求 
  
  
  
  
                $("#divResult").load("../data/AjaxGetMethod.aspx", { "param": "btnAjaxPost_click" }); 
  
  
  
  
            }); 
  
  
  
  

  
  
  
  
            $("#btnAjaxCallBack").click(function(event) 
  
  
  
  
            { 
  
  
  
  
                //發(fā)送Post請(qǐng)求, 返回后執(zhí)行回調(diào)函數(shù). 
  
  
  
  
                $("#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) 
  
  
  
  
            { 
  
  
  
  
                //發(fā)送Get請(qǐng)求, 從結(jié)果中過(guò)濾掉 "鞍山" 這一項(xiàng) 
  
  
  
  
                $("#divResult").load("../data/AjaxGetCityInfo.aspx?resultType=html" + "×tamp=" + (new Date()).getTime() + " ul>li:not(:contains('鞍山'))"); 
  
  
  
  
            }); 
  
  
  
  

  
  
  
  
        }) 
  
  
  
  
     
  
  
  
  

  
  
  
  
 
  
  
  
  
     
  
  
  
  
    使用Load執(zhí)行Get請(qǐng)求 
  
  
  
  
    使用Load執(zhí)行Post請(qǐng)求 
  
  
  
  
    使用帶有回調(diào)函數(shù)的Load方法 
  
  
  
  
    使用selector過(guò)濾返回的HTML內(nèi)容 
  
  
  
  
     
  
  
  
  
    

 
 
 
 

  
  
  
  
$.get("../data/AjaxGetMethod.aspx?param=btnAjaxGet_click"); 
  
  
  
  
 //或者通過(guò)data參數(shù)傳遞: 
  
  
  
  
 $.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; 
  
  
  
  

  
  
  
  
//上面的代碼動(dòng)態(tài)建立了一個(gè)script語(yǔ)句塊, 并且將其加入到head中: 
  
  
  
  

  
  
  
  
head.appendChild(script); 
  
  
  
  

  
  
  
  
//當(dāng)腳本加載完畢后, 再?gòu)膆ead中刪除: 
  
  
  
  
// 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" }); }); 
  
  
  
  

  
  
  
  
        }); 
  
  
  
  

  
  
  
  
     
  
  
  
  

  
  
  
  
   
  
  
  
  
     
  
  
  
  
    不傳遞參數(shù)調(diào)用ajax()方法 
  
  
  
  
    不傳遞參數(shù)調(diào)用get()方法 
  
  
  
  
    不傳遞參數(shù)調(diào)用post()方法 
  
  
  
  
    傳遞參數(shù)調(diào)用get()方法, 使用全局的默認(rèn)回調(diào)函數(shù) 
  
  
  
  
     
  
  
  
  
    

注意當(dāng)使用get()或者post()方法時(shí), 除了type參數(shù)將被重寫為"GET"或者"POST"外, 其他參數(shù)只要不傳遞都是使用默認(rèn)的全局option. 如果傳遞了某一個(gè)選項(xiàng), 比如***一個(gè)按鈕傳遞了url和參數(shù), 則本次調(diào)用會(huì)以傳遞的選項(xiàng)為準(zhǔn). 沒(méi)有傳遞的選項(xiàng)比如回調(diào)函數(shù)還是會(huì)使用全局option設(shè)置值.

2.serialize( )

Returns:String

說(shuō)明:

序列表表格內(nèi)容為字符串，用于 Ajax 請(qǐng)求。

序列化最常用在將表單數(shù)據(jù)發(fā)送到服務(wù)器端時(shí). 被序列化后的數(shù)據(jù)是標(biāo)準(zhǔn)格式, 可以被幾乎所有的而服務(wù)器端支持.

為了盡可能正常工作, 要求被序列化的表單字段都有name屬性, 只有一個(gè)eid是無(wú)法工作的.

像這樣寫name屬性:

講解:

serialize()函數(shù)將要發(fā)送給服務(wù)器的form中的表單對(duì)象拼接成一個(gè)字符串. 便于我們使用Ajax發(fā)送時(shí)獲取表單數(shù)據(jù). 這和一個(gè)From按照Get方式提交時(shí), 自動(dòng)將表單對(duì)象的名/值放到url上提交差不多.

比如這樣一個(gè)表單:

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

提示:代碼見(jiàn) chapter6\7-serialize.htm

3.serializeArray( )Returns: Array

 Returns: Array