JS的Ajax与后端交互数据的实例
更新时间：2018年08月08日 09:27:32 作者：kerryqpw
今天小编就为大家分享一篇JS的Ajax与后端交互数据的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
JS中很多地方会使用Ajax与后台进行数据交互。
Ajax是通过http，使得JS与后端进行数据通信，由于Ajax的异步特性，可以使多个Ajax请求同时访问后端，对页面的局部数据进行逻辑处理，并渲染。
ajax中前端和后端的交互图：
代码实现：
$.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与后端交互数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JS与jQuery实现子窗口获取父窗口元素值的方法,涉及javascript与jQuery操作窗口元素的相关技巧,需要的朋友可以参考下2017-04-04
select每选择一个option选项减少对应的option实现方法
这篇文章主要为大家介绍了select每选择一个option选项减少对应的option实现方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-12-12
这篇文章主要介绍了js为空或不是对象问题的快速解决方法。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了JavaScript运动减速效果,模拟了物体做减速运动的效果,以两个实例形式分析了javascript实现物体做减速运动的实现技巧,涉及javascript动态操作页面元素样式及数学运算的方法,非常简洁实用,需要的朋友可以参考下2015-08-08
jQuery 事件绑定及取消 bind live delegate on one区别解析
这篇文章主要介绍了jquery 事件绑定及取消 bind live delegate on one区别解析，本文给大家讲解的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-11-11
web-view是小程序提供的一个可以直连h5页面的组件,只要传递一个h5页面的地址,就可以在小程序里直接打开预览该h5页面,这篇文章主要给大家介绍了微信小程序webView嵌入H5的相关资料,需要的朋友可以参考下2021-07-07
javascript 中设置window.location.href跳转无效问题解决办法
这篇文章主要介绍了javascript 中设置window.location.href跳转无效问题解决办法的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了ES6 中可以提升幸福度的小功能,在量解构赋值的用途，函数的用处等方面给大家介绍，需要的朋友可以参考下2018-08-08
这篇文章主要为大家介绍了JS优雅的使用function实现一个class示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
每个函数创建时默认带有一个prototype属性，其中包含一个constructor属性，和一个指向Object对象的隐藏属性,需要的朋友可以参考下2012-11-11
最新评论