jQuery 中ajax非同步呼叫的四種方式_jquery

來源:互聯網
上載者:User
<script type="text/javascript" language="javascript" src="JS/jquery-1[1].2.3.min.js"></script><script type="text/javascript" language="javascript">$(document).ready(function(){  //Jquery 頁面載入事件,當頁面載入之後首先執行這個方法    //第一種Ajax請求  $.ajax({    type:"GET",    //請求類型,有get,post等類型,和表單提交是一樣的    url:"Result.aspx", //請求處理的頁面,就是說由那個頁面捕獲請求,同樣這個路徑可以換成ashx,一般處理常式    data: "name=John&location=Boston", //傳遞參數,實在就是(Result.aspx?name=John&loaciton=Boston)    success:function(msg){ //請求成功會由這個方法處理,其中請求成功傳回值由msg接收      $("#ajaxDIV").text(msg);    }  });      //第二種請求  $.get(               //用get請求方式,其實就是上一種的變體    "Handler.ashx",       {name:"笨笨熊",sex:"女"}, //要傳遞的參數,解析為(Handler.ashx?name=笨笨熊&sex=女)    function(msg){       //請求返回參數      $("#Div1").text(msg);    }  );    //第三種請求  $.post(               //這種請求的上一種是一樣的,只是請求方式不同    "Handler2.ashx",    {name:"benben 笨笨熊",sex:"女"},    function(msg){      $("#Div2").text(msg);    }  );      //第四種請求  $.getJSON(             //這種是用JSON 實現的,JSON是一種通用的資料格式    "Handler3.ashx",  //路徑    {name:"aaa"},   //傳遞參數    function (data){  //回調處理函數 返回的就是json資料格式,由data接收這串資料      var str="";     //下面就是解析這些資料,具體接送的使用但不做考慮,設計內容很多,一時無法講解      str+="姓名:  "+data.name+"<br/>";      str+="性別:  "+data.sex+"<br/>";      str+="地址:  "+data.address+"<br/>";      $("#Div3").html(str);    }  );});</script>

以上就是本文的全部內容,瞭解更多jQuery的文法,大家可以查看:《jQuery 1.10.3 線上手冊》,也希望大家多多支援雲棲社區。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.