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í)訪問(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)文章

JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法,涉及javascript與jQuery操作窗口元素的相關(guān)技巧,需要的朋友可以參考下
2017-04-04
select每選擇一個(gè)option選項(xiàng)減少對(duì)應(yīng)的option實(shí)現(xiàn)方法
這篇文章主要為大家介紹了select每選擇一個(gè)option選項(xiàng)減少對(duì)應(yīng)的option實(shí)現(xiàn)方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-12-12
js為空或不是對(duì)象問(wèn)題的快速解決方法
這篇文章主要介紹了js為空或不是對(duì)象問(wèn)題的快速解決方法。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
JavaScript運(yùn)動(dòng)減速效果實(shí)例分析
這篇文章主要介紹了JavaScript運(yùn)動(dòng)減速效果,模擬了物體做減速運(yùn)動(dòng)的效果,以兩個(gè)實(shí)例形式分析了javascript實(shí)現(xiàn)物體做減速運(yùn)動(dòng)的實(shí)現(xiàn)技巧,涉及javascript動(dòng)態(tài)操作頁(yè)面元素樣式及數(shù)學(xué)運(yùn)算的方法,非常簡(jiǎn)潔實(shí)用,需要的朋友可以參考下
2015-08-08
jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析
這篇文章主要介紹了jquery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析，本文給大家講解的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2022-11-11
微信小程序webView嵌入H5的方法實(shí)例
web-view是小程序提供的一個(gè)可以直連h5頁(yè)面的組件,只要傳遞一個(gè)h5頁(yè)面的地址,就可以在小程序里直接打開(kāi)預(yù)覽該h5頁(yè)面,這篇文章主要給大家介紹了微信小程序webView嵌入H5的相關(guān)資料,需要的朋友可以參考下
2021-07-07
javascript 中設(shè)置window.location.href跳轉(zhuǎn)無(wú)效問(wèn)題解決辦法
這篇文章主要介紹了javascript 中設(shè)置window.location.href跳轉(zhuǎn)無(wú)效問(wèn)題解決辦法的相關(guān)資料,需要的朋友可以參考下
2017-02-02
ES6 中可以提升幸福度的小功能
這篇文章主要介紹了ES6 中可以提升幸福度的小功能,在量解構(gòu)賦值的用途，函數(shù)的用處等方面給大家介紹，需要的朋友可以參考下
2018-08-08
JS優(yōu)雅的使用function實(shí)現(xiàn)一個(gè)class
這篇文章主要為大家介紹了JS優(yōu)雅的使用function實(shí)現(xiàn)一個(gè)class示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-12-12
JavaScript prototype屬性深入介紹
每個(gè)函數(shù)創(chuàng)建時(shí)默認(rèn)帶有一個(gè)prototype屬性，其中包含一個(gè)constructor屬性，和一個(gè)指向Object對(duì)象的隱藏屬性,需要的朋友可以參考下
2012-11-11