JS的Ajax與后端交互數(shù)據(jù)的實(shí)例
JS中很多地方會(huì)使用Ajax與后臺(tái)進(jìn)行數(shù)據(jù)交互。
Ajax是通過(guò)http,使得JS與后端進(jìn)行數(shù)據(jù)通信,由于Ajax的異步特性,可以使多個(gè)Ajax請(qǐng)求同時(shí)訪問(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-04javascript window.onerror事件學(xué)習(xí)新收獲
javascript window.onerror事件學(xué)習(xí)新收獲...2007-11-11JS使用Prim算法和Kruskal算法實(shí)現(xiàn)最小生成樹(shù)
這篇文章主要為大家詳細(xì)介紹了JS使用Prim算法和Kruskal算法實(shí)現(xiàn)最小生成樹(shù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01javascript修改IMG標(biāo)簽的src問(wèn)題
javascript修改IMG標(biāo)簽的SRC,在IE6下面圖片修改正常,但在IE7和Firefox下面卻不刷新,下面有個(gè)解決方法,大家可以參考下2014-03-03JSON創(chuàng)建鍵值對(duì)(key是中文或者數(shù)字)方式詳解
這篇文章主要介紹了JSON創(chuàng)建鍵值對(duì)(key是中文或者數(shù)字)方式詳解,需要的朋友可以參考下2017-08-08Javascript中Eval函數(shù)的使用說(shuō)明
JavaScript有許多小竅門(mén)來(lái)使編程更加容易。 其中之一就是eval()函數(shù),這個(gè)函數(shù)可以把一個(gè)字符串當(dāng)作一個(gè)JavaScript表達(dá)式一樣去執(zhí)行它。2008-10-10javascript判斷一個(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ì)象到底是什么,看能不能一次性拿下,不行的話就多來(lái)幾次,想做“海王”就多物色幾門(mén)語(yǔ)言的對(duì)象,多new幾個(gè),最終你會(huì)發(fā)現(xiàn)都差不多2022-03-03