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