JS的Ajax與后端交互數(shù)據(jù)的實例
更新時間：2018年08月08日 09:27:32 作者：kerryqpw
今天小編就為大家分享一篇JS的Ajax與后端交互數(shù)據(jù)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
JS中很多地方會使用Ajax與后臺進行數(shù)據(jù)交互。
Ajax是通過http，使得JS與后端進行數(shù)據(jù)通信，由于Ajax的異步特性，可以使多個Ajax請求同時訪問后端，對頁面的局部數(shù)據(jù)進行邏輯處理，并渲染。
ajax中前端和后端的交互圖：
代碼實現(xiàn)：
$.ajax({
type: "post",
url: "http://localhost:8080/ccnb/user/login",
data: {
"telephone": login_name,
"password": login_password
},
dataType: "json",
// contentType:'application/json',
success: function (data) {
alert(data.Flag);
alert(data.Msg);
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
},
});
以上這篇JS的Ajax與后端交互數(shù)據(jù)的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)復選框全選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要為大家詳細介紹了JS面向?qū)ο笾畣芜x框?qū)崿F(xiàn)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
javascript window.onerror事件學習新收獲
javascript window.onerror事件學習新收獲...2007-11-11
這篇文章主要為大家詳細介紹了JavaScript滾動輪播圖制作原理，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
JS使用Prim算法和Kruskal算法實現(xiàn)最小生成樹
這篇文章主要為大家詳細介紹了JS使用Prim算法和Kruskal算法實現(xiàn)最小生成樹，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
javascript修改IMG標簽的SRC，在IE6下面圖片修改正常，但在IE7和Firefox下面卻不刷新，下面有個解決方法，大家可以參考下2014-03-03
JSON創(chuàng)建鍵值對（key是中文或者數(shù)字）方式詳解
這篇文章主要介紹了JSON創(chuàng)建鍵值對（key是中文或者數(shù)字）方式詳解,需要的朋友可以參考下2017-08-08
JavaScript有許多小竅門來使編程更加容易。 其中之一就是eval()函數(shù)，這個函數(shù)可以把一個字符串當作一個JavaScript表達式一樣去執(zhí)行它。2008-10-10
這篇文章主要介紹了javascript判斷一個變量是數(shù)組還是對象，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
“撩過”c++的對象，“拿捏”了python的對象，那么今天我們看看javascript中的對象到底是什么，看能不能一次性拿下，不行的話就多來幾次，想做“海王”就多物色幾門語言的對象，多new幾個，最終你會發(fā)現(xiàn)都差不多2022-03-03