jQuery 中ajax異步調(diào)用的四種方式
<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 頁面加載事件,當頁面加載之后首先執(zhí)行這個方法 //第一種Ajax請求 $.ajax({ type:"GET", //請求類型,有g(shù)et,post等類型,和表單提交是一樣的 url:"Result.aspx", //請求處理的頁面,就是說由那個頁面捕獲請求,同樣這個路徑可以換成ashx,一般處理程序 data: "name=John&location=Boston", //傳遞參數(shù),實在就是(Result.aspx?name=John&loaciton=Boston) success:function(msg){ //請求成功會由這個方法處理,其中請求成功返回值由msg接收 $("#ajaxDIV").text(msg); } }); //第二種請求 $.get( //用get請求方式,其實就是上一種的變體 "Handler.ashx", {name:"笨笨熊",sex:"女"}, //要傳遞的參數(shù),解析為(Handler.ashx?name=笨笨熊&sex=女) function(msg){ //請求返回參數(shù) $("#Div1").text(msg); } ); //第三種請求 $.post( //這種請求的上一種是一樣的,只是請求方式不同 "Handler2.ashx", {name:"benben 笨笨熊",sex:"女"}, function(msg){ $("#Div2").text(msg); } ); //第四種請求 $.getJSON( //這種是用JSON 實現(xiàn)的,JSON是一種通用的數(shù)據(jù)格式 "Handler3.ashx", //路徑 {name:"aaa"}, //傳遞參數(shù) function (data){ //回調(diào)處理函數(shù) 返回的就是json數(shù)據(jù)格式,由data接收這串數(shù)據(jù) var str=""; //下面就是解析這些數(shù)據(jù),具體接送的使用但不做考慮,設(shè)計內(nèi)容很多,一時無法講解 str+="姓名: "+data.name+"<br/>"; str+="性別: "+data.sex+"<br/>"; str+="地址: "+data.address+"<br/>"; $("#Div3").html(str); } ); }); </script>
以上就是本文的全部內(nèi)容,了解更多jQuery的語法,大家可以查看:《jQuery 1.10.3 在線手冊》,也希望大家多多支持腳本之家。
相關(guān)文章
jquery追加元素的所有方法全面深入實例講解(append、prepend、after、before、wrap等等)
幾乎所有網(wǎng)站的開發(fā)都離不開jQuery,jQuery可以很方便的實現(xiàn)網(wǎng)頁中的一些效果,也很輕松的對網(wǎng)頁中的一些DIV元素進行添加,修改或刪除的操作。由于不同位置追加元素的代碼不一樣,本文實例講解如何對網(wǎng)頁中某個指定的DIV進行元素的追加操作。2023-03-03jQuery+AJAX實現(xiàn)網(wǎng)頁無刷新上傳
這篇文章主要介紹了jQuery+AJAX實現(xiàn)網(wǎng)頁無刷新上傳的相關(guān)資料,十分詳細,需要的朋友可以參考下2015-02-02JQuery 遮罩層實現(xiàn)(mask)實現(xiàn)代碼
用過ExtJs的可能知道在ExtJs中集成了很多的UI元素可以很方便我們的使用。2010-01-01jQuery實現(xiàn)的給圖片點贊+1動畫效果(附在線演示及demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)的給圖片點贊+1動畫效果,并附帶在線演示及demo源碼下載,涉及jQuery鼠標事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2015-12-12jQuery移除tr無效的解決方法(tr是動態(tài)添加)
移除掉某些tr(tr是動態(tài)添加的)嘗試了很多方法,都不見效,后來發(fā)現(xiàn)個不錯的方法,于是與大家分享下2014-09-09jquery插件jquery.nicescroll實現(xiàn)圖片無滾動條左右拖拽的方法
這篇文章主要介紹了jquery插件jquery.nicescroll實現(xiàn)圖片無滾動條左右拖拽的方法,實例分析了jquery.nicescroll插件實現(xiàn)圖片拖拽效果的方法,需要的朋友可以參考下2015-08-08jQuery實現(xiàn)可用于博客的動態(tài)滑動菜單
這篇文章主要介紹了jQuery實現(xiàn)可用于博客的動態(tài)滑動菜單,實例分析了jQuery操作鼠標事件及css樣式實現(xiàn)動態(tài)滑動菜單的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03