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 相关文章推荐
jquery 插件 人性化的消息显示
Jan 21 Javascript
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
js对图片base64编码字符串进行解码并输出图像示例
Mar 17 Javascript
javascript在IE下trim函数无法使用的解决方法
Sep 12 Javascript
jquery 实现返回顶部功能
Nov 17 Javascript
基于slideout.js实现移动端侧边栏滑动特效
Nov 28 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
Dec 14 Javascript
Vue render深入开发讲解
Apr 13 Javascript
Vue实现左右菜单联动实现代码
Aug 12 Javascript
vue中render函数的使用详解
Oct 12 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
Nov 21 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
是否存在第一台收音机的说法
2021/03/01 无线电
PHP原理之异常机制深入分析
2010/08/08 PHP
php缩小png图片不损失透明色的解决方法
2013/12/25 PHP
PHP实现采集抓取淘宝网单个商品信息
2015/01/08 PHP
php判断linux下程序问题实例
2015/07/09 PHP
Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
2017/07/13 PHP
Javascript 不能释放内存.
2006/09/07 Javascript
javascript 正则替换 replace(regExp, function)用法
2010/05/22 Javascript
JavaScript中获取未知对象属性的代码
2011/04/27 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
《JavaScript高级程序设计》阅读笔记(一) ECMAScript基础
2012/02/27 Javascript
实现局部遮罩与关闭原理及代码
2013/02/04 Javascript
javascript实现多级联动下拉菜单的方法
2015/02/06 Javascript
jQuery插件实现多级联动菜单效果
2015/12/01 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
2016/06/09 Javascript
js中的DOM模拟购物车功能
2017/03/22 Javascript
JS实现百度搜索接口及链接功能实例代码
2018/02/02 Javascript
JavaScript控制浏览器全屏显示简单示例
2018/07/05 Javascript
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
TensorFlow实现卷积神经网络
2018/05/24 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
python 装饰器的基本使用
2021/01/13 Python
25个CSS3动画按钮和菜单教程分享
2012/10/03 HTML / CSS
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
介绍一下grep命令的使用
2012/06/28 面试题
《小猪家的桃花树》教学反思
2014/04/11 职场文书
学习教师敬业奉献模范事迹材料思想汇报
2014/09/19 职场文书
一份教室追逐打闹的检讨书
2014/09/27 职场文书
合伙购房协议样本
2014/10/06 职场文书
员工自我工作评价
2015/03/06 职场文书
大学生团日活动总结
2015/05/06 职场文书
王亚平太空授课观后感
2015/06/12 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书
漫画「日和酱的要求是绝对的」第3卷封面公开
2022/03/21 日漫
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python