快捷導(dǎo)航

JS的Ajax與后端交互數(shù)據(jù)的實(shí)例

更新時(shí)間：2018年08月08日 09:27:32 作者：kerryqpw

今天小編就為大家分享一篇JS的Ajax與后端交互數(shù)據(jù)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

JS中很多地方會(huì)使用Ajax與后臺(tái)進(jìn)行數(shù)據(jù)交互。

Ajax是通過(guò)http，使得JS與后端進(jìn)行數(shù)據(jù)通信，由于Ajax的異步特性，可以使多個(gè)Ajax請(qǐng)求同時(shí)訪(fǎng)問(wèn)后端，對(duì)頁(yè)面的局部數(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
JS面向?qū)ο笾畣芜x框?qū)崿F(xiàn)
這篇文章主要為大家詳細(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
JavaScript滾動(dòng)輪播圖制作原理詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript滾動(dòng)輪播圖制作原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
JS使用Prim算法和Kruskal算法實(shí)現(xiàn)最小生成樹(shù)
這篇文章主要為大家詳細(xì)介紹了JS使用Prim算法和Kruskal算法實(shí)現(xiàn)最小生成樹(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-01-01
javascript修改IMG標(biāo)簽的src問(wèn)題
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ù)的使用說(shuō)明
JavaScript有許多小竅門(mén)來(lái)使編程更加容易。其中之一就是eval()函數(shù)，這個(gè)函數(shù)可以把一個(gè)字符串當(dāng)作一個(gè)JavaScript表達(dá)式一樣去執(zhí)行它。
2008-10-10
javascript判斷一個(gè)變量是數(shù)組還是對(duì)象
這篇文章主要介紹了javascript判斷一個(gè)變量是數(shù)組還是對(duì)象，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
拿捏javascript對(duì)象增刪改查應(yīng)用及示例
“撩過(guò)”c++的對(duì)象，“拿捏”了python的對(duì)象，那么今天我們看看javascript中的對(duì)象到底是什么，看能不能一次性拿下，不行的話(huà)就多來(lái)幾次，想做“海王”就多物色幾門(mén)語(yǔ)言的對(duì)象，多new幾個(gè)，最終你會(huì)發(fā)現(xiàn)都差不多
2022-03-03