這篇文章主要介紹“jquery中ajax常用的方法是什么”的相關(guān)知識(shí),小編通過實(shí)際案例向大家展示操作過程,操作方法簡(jiǎn)單快捷,實(shí)用性強(qiáng),希望這篇“jquery中ajax常用的方法是什么”文章能幫助大家解決問題。
創(chuàng)新互聯(lián)2013年開創(chuàng)至今,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都網(wǎng)站制作、網(wǎng)站建設(shè)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元志丹做網(wǎng)站,已為上家服務(wù),為志丹各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575
jQuery ajax 框架
1,load()方法
作用:用于載入遠(yuǎn)程的HTML代碼并插入至DOM中
實(shí)例:
$("#hello").load("text.html");
2,get方法
get()方法通過http get請(qǐng)求從服務(wù)器上請(qǐng)求數(shù)據(jù)
語法:$.get(URL,data,callback)
其中:url(String) 請(qǐng)求的html頁的URL地址
data:傳遞的數(shù)據(jù)
callback(data,status):請(qǐng)求完成時(shí)的回調(diào)函數(shù),data指從服務(wù)器響應(yīng)的地址,status
指服務(wù)器請(qǐng)求的響應(yīng)狀態(tài)
3,post方法
post()方法從服務(wù)器上的一個(gè)文件中取回?cái)?shù)據(jù)
其語法跟get類似
4,serizlize方法
作用:用于將表單中的元素名稱和值轉(zhuǎn)換成URL參數(shù)格式,
語法: $().serizlize()
實(shí)例:$("#form1").serizlize();
表示把表單名稱為form1的元素名稱和值序列化
5,ajax()方法
其中常見參數(shù):
url---- 發(fā)送請(qǐng)求的地址
type----請(qǐng)求方式:get 和post
timeout---設(shè)置請(qǐng)求超時(shí)時(shí)間
async----默認(rèn)為true表示為異步請(qǐng)求,若為false則為同步請(qǐng)求
beforeSend---發(fā)送請(qǐng)求前觸發(fā)該事件
cache-----默認(rèn)為true若為false將不會(huì)從瀏覽器緩存中加載請(qǐng)求信息
complete---請(qǐng)求結(jié)束后觸發(fā)該事件
contentType----發(fā)送信息至服務(wù)器時(shí)內(nèi)容編碼的類型
data----發(fā)送到服務(wù)器的數(shù)據(jù)
dataType---預(yù)期服務(wù)器返回的數(shù)據(jù)類型
error-----請(qǐng)求失敗時(shí)調(diào)用該方法
global---設(shè)置為false將不會(huì)觸發(fā)全局ajax事件
ifModified---僅在服務(wù)器數(shù)據(jù)改變時(shí)獲取新數(shù)據(jù)
processData---發(fā)送的數(shù)據(jù)將被轉(zhuǎn)換為對(duì)象
success-----請(qǐng)求成功后回調(diào)函數(shù)
實(shí)例:
$(document).ready(function(){
$("input[type=button]").click(function(){//執(zhí)行完html時(shí)加載
$.ajax({ //調(diào)用ajax方法
type:"post",
data:{username:$("#username").val(),password:$("#password").val()},
url:"Login",
async:true,
success:suc,
error:err
});
});
});
關(guān)于“jquery中ajax常用的方法是什么”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí),可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。