JS的Ajax與后端交互數(shù)據(jù)的實例
更新時間：2018年08月08日 09:27:32 作者：kerryqpw
今天小編就為大家分享一篇JS的Ajax與后端交互數(shù)據(jù)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
JS中很多地方會使用Ajax與后臺進(jìn)行數(shù)據(jù)交互。
Ajax是通過http，使得JS與后端進(jìn)行數(shù)據(jù)通信，由于Ajax的異步特性，可以使多個Ajax請求同時訪問后端，對頁面的局部數(shù)據(jù)進(jìn)行邏輯處理，并渲染。
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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS與jQuery實現(xiàn)子窗口獲取父窗口元素值的方法
這篇文章主要介紹了JS與jQuery實現(xiàn)子窗口獲取父窗口元素值的方法,涉及javascript與jQuery操作窗口元素的相關(guān)技巧,需要的朋友可以參考下2017-04-04
select每選擇一個option選項減少對應(yīng)的option實現(xiàn)方法
這篇文章主要為大家介紹了select每選擇一個option選項減少對應(yīng)的option實現(xiàn)方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-12-12
這篇文章主要介紹了js為空或不是對象問題的快速解決方法。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了JavaScript運動減速效果,模擬了物體做減速運動的效果,以兩個實例形式分析了javascript實現(xiàn)物體做減速運動的實現(xiàn)技巧,涉及javascript動態(tài)操作頁面元素樣式及數(shù)學(xué)運算的方法,非常簡潔實用,需要的朋友可以參考下2015-08-08
jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析
這篇文章主要介紹了jquery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析，本文給大家講解的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-11-11
web-view是小程序提供的一個可以直連h5頁面的組件,只要傳遞一個h5頁面的地址,就可以在小程序里直接打開預(yù)覽該h5頁面,這篇文章主要給大家介紹了微信小程序webView嵌入H5的相關(guān)資料,需要的朋友可以參考下2021-07-07
javascript 中設(shè)置window.location.href跳轉(zhuǎn)無效問題解決辦法
這篇文章主要介紹了javascript 中設(shè)置window.location.href跳轉(zhuǎn)無效問題解決辦法的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了ES6 中可以提升幸福度的小功能,在量解構(gòu)賦值的用途，函數(shù)的用處等方面給大家介紹，需要的朋友可以參考下2018-08-08
JS優(yōu)雅的使用function實現(xiàn)一個class
這篇文章主要為大家介紹了JS優(yōu)雅的使用function實現(xiàn)一個class示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
每個函數(shù)創(chuàng)建時默認(rèn)帶有一個prototype屬性，其中包含一個constructor屬性，和一個指向Object對象的隱藏屬性,需要的朋友可以參考下2012-11-11