能通過jquery來實現ajax調用。方法:1、用load()方法實現ajax請求,語法為“$(selector).load(url,…)”;2、用post()和get()方法,對應http請求中的POST、GET,語法為“$post('url',{…}…)”;3、用Ajax()方法執(zhí)行ajax請求,語法為“$.ajax({name:value…})”。
前端(vue)入門到精通課程:進入學習
本文操作環(huán)境:windows10系統(tǒng)、jquery3.6.0版、Dell G3電腦。
能通過jquery實現ajax調用的方法嗎
用原生的javascript開發(fā)ajax有著許多重復的代碼,當然你也可以封裝成可以復用的
-
用load() 方法實現ajax請求
-
用post() ,get() 方法
-
用Ajax() 方法,這個最強悍.
1、用jquery 的 load() 方法實現ajax請求
load() 方法從服務器加載數據,并把返回的數據放置到指定的元素中。
格式如下:
$('#mydiv').load('/myrequest/url/param')
這里的 “mydiv” 是要加載內容的區(qū)域 /myrequest/url/param 是你要請求的服務端的 URL. 一旦得到結果,就會把服務端返回的內容顯示在 mydiv 區(qū)域中.
2、 用jquery 的 post() ,get() 方法
其實這也就是對應 http 請求中的 POST,GET,
基本格式如下
$post('/myrequest/url/param', { text:"mytext", other:"other_param" }, // 調用服務端成功后的回調函數 function(){ alert('succeccd'); } )
$get 的操作方式類似.就不在多說了.
3、用jquery 的 Ajax() 方法
這個估計也是一般項目中最常見的請求方法了,因為他的功能最強大,能完成各種需求的ajax請求:
可以指定返回的類型: xml,
可以指定 beforeSend,error,success,complete 這些事件發(fā)生時的回調函數
可以用參數來指定ajax 請求過期的時間,比如服務端沒有響應等.
基本格式如下:
$.ajax({ async:false,//同步,異步 url:"/addjoke", //請求的服務端地址 data:{ content:mycontent, title:joketitle, d:Math.random() }, type:"post", dataType:"text", success:function(data){ //成功之后的處理,返回的數據就是 data } error:function(){ alert('error'); //錯誤的處理 } });
相關教程推薦:jQuery視頻教程