中文字幕精品亚洲无线码二区,国产黄a三级三级三级看三级,亚洲七七久久桃花影院,丰满少妇被猛烈进入,国产小视频在线观看网站

JQuery真的不(bu)難～第六回 JQ中的異步調用方(fang)式

回到目錄

前言

今天(tian)主要講一下JQ中的異步編(bian)程，它將ajax進行封裝，在(zai)進行異步請求時顯得(de)非常容易(yi)，無論(lun)是GET，POST方式，還是text,xml,javascript,json等數(shu)據通(tong)訊都是那(nei)么的自然

現在(zai)，我們就走(zou)入jq的ajax的殿堂(tang)吧。

 GET請求獲取數據
    <script src="//img1.c2cedu.com/Scripts/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript"> $.ajax({
            type: "GET",
            dataType: "html",
            url: "ajaxData.htm",
            data: {}, //參數信息，采用ＪＳ對象的形式，也可以使用URL地址比較傳統的&將參數分隔
            error: function () {
                alert("獲取數據失敗");
            },
            beforeSend: function () {
                alert("發送請求之前出現錯誤");
            },
            success: function (data) {
                $("#list").html(data)
            }
        });
    </script>
ajaxData.htm的內容為：
<ul>
    <li>data:zzl</li>
    <li>infomation:better man</li>
</ul>
 
POST請求操作數據
  
$.ajax({
  type:'POST',
  data:{name:'zzl',email:'bfyxzls@sina.com',addr:'beijing'},
  url: '/ajax/insert.ashx',
  success: function(data) {
   if(data.res)｛
     alert('操(cao)作成功‘);
    ｝
  }
});

注意(yi)：AJAX可(ke)以(yi)跨域發GET請求(qiu)，來讀取數據，但不可(ke)以(yi)發POST請求(qiu)，這是正常(chang)的(de)，要不就太危險了，呵(he)呵(he)。

$.ajax({
 type:'GET',
 dataType:'jsonp',
 jsonp: "jsonpcallback", //需要與服務端的jsonp字符匹配
 url: '//www.sina.com/ajax/test.',
 success: function(data) {
    $('#result').html(data);
  }
});

對于JQ為AJAX的(de)封(feng)裝，還有幾個(ge)簡(jian)潔(jie)的(de)寫法，等(deng)下次再寫，寫個(ge)續(xu)集！

感謝閱讀！

回到目錄

 
posted @ 2013-01-17 23:16  張占嶺  閱讀(5332)  評論(0)    收藏  舉報