能透過jquery來實現ajax呼叫。方法:1、用load()方法實作ajax請求,語法為「$(selector).load(url,...)」;2、用post()和get()方法,對應http請求中的POST、 GET,語法為「$post('url',{...}...)」;3、用Ajax()方法執行ajax請求,語法為「$.ajax({name:value...}) 」。
本文操作環境:windows10系統、jquery3.6.0版、Dell G3電腦。
用原生的javascript開發ajax有著許多重複的程式碼,當然你也可以封裝成可以重複使用的
#用load() 方法實作ajax請求
用post() ,get() 方法
用Ajax()方法,這個最強悍.
1、用jquery 的load() 方法實作ajax請求
load( ) 方法從伺服器載入數據,並將傳回的數據放置到指定的元素中。
格式如下:
$('#mydiv').load('/myrequest/url/param')
這裡的「mydiv」 是要載入內容的區域/myrequest/url/param 是你要請求的服務端的URL. 一旦得到結果,就會把服務端回傳的內容顯示在mydiv 區域.
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 這些事件發生時的回呼函數可以用參數來指定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實現ajax呼叫的方法嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!