溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關Jquery ajax輸寫方法代碼案例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
Ajax在前端的應用極其廣泛，因此，我們有必要對其進行總結，以方便后期的使用。
AJAX優點：
可以異步請求服務器的數據，實現頁面數據的實時動態加載， 在不重新加載整個頁面的情況下，可以與服務器交換數據并更新部分網頁內容。
jquery在全局對象jquery（也就是$）綁定了ajax()函數，可以處理Ajax請求，ajax常用的配置選項有：
語法一：$.ajax({name:value, name:value, ...})
# 登錄js代碼
$(".form-login").submit(function (e) {
e.preventDefault();
mobile = $("#mobile").val();
pwd = $("#password").val();
var data = {
mobile: mobile,
pwd: pwd
};
$.ajax({
url: "/api/***",
type: "POST",
data: JSON.stringify(data),
contentType: "application/json",
dataType: "json",
headers: {"X-CSRFToken": getCookie('csrf_token')},
success: function (resp) {
if (resp.error == 0){
// resp 是后端通過json.dumps()返回的json格式數據:res={"error":0, "errmsg":"登錄失敗"}
// resp = json.dumps(res)
// 請求成功，跳轉頁面
location.href = '/'
}
else {
alert(resp.errmsg)
}
}
})
})語法二：$.get(URL, params, function(resp, status_code){})
URL必需參數；
params可選參數，params={key:value...}, 會以?key=value&key=value...的方式自動添加到URL后面
function(resp, status_code) 可選參數，是請求成功后所執行的函數，resp是后臺返回的數據； states_code是自動生成的響應狀態碼，可缺省
# 更新首頁房源展示信息
var params = {
aid: 0,
sd: "2018-2-20",
ed: "2019-2-29",
page: 1
};
$.get("/api/v1_0/houses", params, function(resp){
if (resp.error == 0){
$(".house-list").html(template("house-list-tmpl", {houses:resp.data.houses}));
}
else {
$(".house-list").append(template("house-list-tmpl", {houses: resp.data.houses}));
}
})語法三：$.post(URL, data, function(resp, states_code){})
URL必選參數；
data 可選參數 連同請求發送的數據；
function(resp, status_code) 可選參數，是請求成功后所執行的函數，resp是后臺返回的數據； states_code是自動生成的響應狀態碼，可缺省
$("button").click(function(){
$.post("/try/ajax/demo_test_post.php",
{
name:"mjy",
url:"https://cnblogs.com/We612/"
},
function(data,status){
alert("數據: \n" + data + "\n狀態: " + status);
});
});說明：
$.GET 基本上用于從服務器獲得（取回）數據。注釋：GET 方法可能返回緩存數據。
$.POST 也可用于從服務器獲取數據。不過，POST 方法不會緩存數據，并且常用于連同請求一起發送數據。
實際應用中多用到語法一 語法二， 語法三較少
關于Jquery ajax輸寫方法代碼案例分析就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
