JS的Ajax与后端交互数据的实例


Posted in Javascript onAugust 08, 2018

JS中很多地方会使用Ajax与后台进行数据交互。

Ajax是通过http,使得JS与后端进行数据通信,由于Ajax的异步特性,可以使多个Ajax请求同时访问后端,对页面的局部数据进行逻辑处理,并渲染。

ajax中前端和后端的交互图:

JS的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与后端交互数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 拖放效果实现代码
Jan 22 Javascript
JS 添加网页桌面快捷方式的代码详细整理
Dec 27 Javascript
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
JS仿Windows开机启动Loading进度条的方法
Feb 26 Javascript
readonly和disabled属性的区别
Jul 26 Javascript
jquery实现全屏滚动
Dec 28 Javascript
Jquery轮播效果实现过程解析
Mar 30 Javascript
jQuery自制提示框tooltip改进版
Aug 01 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
vue forEach循环数组拿到自己想要的数据方法
Sep 21 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 Javascript
Vue.js实现备忘录功能
Jun 26 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 #jQuery
JavaScript中arguments和this对象用法分析
Aug 08 #Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
Aug 08 #Javascript
微信小程序开发背景图显示功能
Aug 08 #Javascript
JavaScript实现的DOM绘制柱状图效果示例
Aug 08 #Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
Aug 07 #Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 #Javascript
You might like
超小PHP小马小结(方便查找后门的朋友)
2012/05/05 PHP
php中mail函数发送邮件失败的解决方法
2014/12/24 PHP
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
2013/02/26 Javascript
单击复制文字兼容各浏览器的完美解决方案
2013/07/04 Javascript
html+js实现动态显示本地时间
2013/09/21 Javascript
javascript自动给文本url地址增加链接的方法分享
2014/01/20 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
jQuery ztree实现动态树形多选菜单
2016/08/12 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
Angular中ng-options下拉数据默认值的设定方法
2017/06/21 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
Python引用(import)文件夹下的py文件的方法
2014/08/26 Python
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
Python结巴中文分词工具使用过程中遇到的问题及解决方法
2017/04/15 Python
python函数式编程学习之yield表达式形式详解
2018/03/25 Python
python dataframe astype 字段类型转换方法
2018/04/11 Python
python让列表倒序输出的实例
2018/06/25 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
pygame游戏之旅 添加游戏介绍
2018/11/20 Python
公司部门司机岗位职责
2014/01/03 职场文书
职工运动会感言
2014/02/07 职场文书
汽车维修工岗位职责
2014/02/12 职场文书
个人廉洁自律承诺书
2014/03/27 职场文书
购房意向书
2014/04/01 职场文书
公司活动总结怎么写
2014/06/25 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
纪念一二九运动演讲稿
2014/09/16 职场文书
公司收款委托书范本
2014/09/20 职场文书
2014年机关党建工作总结
2014/11/11 职场文书
《失物招领》教学反思
2016/02/20 职场文书
golang 比较浮点数的大小方式
2021/05/02 Golang
python分分钟绘制精美地图海报
2022/02/15 Python
SQL Server中搜索特定的对象
2022/05/25 SQL Server