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 firefox兼容ie的dom方法脚本
May 18 Javascript
ext form 表单提交数据的方法小结
Aug 08 Javascript
jquery重新播放css动画所遇问题解决
Aug 21 Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 Javascript
JQuery PHP图片在线裁剪实例
Jul 27 Javascript
Node.js制作简单聊天室
Jan 12 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
Apr 24 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 Javascript
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
promise和co搭配生成器函数方式解决js代码异步流程的比较
May 25 Javascript
vue2.0实现音乐/视频播放进度条组件
Jun 06 Javascript
Vue通过配置WebSocket并实现群聊功能
Dec 31 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在linux下检测mysql同步状态的方法
2015/01/15 PHP
Yii扩展组件编写方法实例分析
2015/06/29 PHP
php array 转json及java 转换 json数据格式操作示例
2019/11/13 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
List the Codec Files on a Computer
2007/06/11 Javascript
页面版文本框智能提示JS代码
2009/11/20 Javascript
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
2010/12/25 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
2011/02/12 Javascript
jquery tab插件精简版分享
2011/09/10 Javascript
用jquery存取照片的具体实现方法
2013/06/30 Javascript
javaScript对文字按照拼音排序实现代码
2013/12/27 Javascript
js实现表单检测及表单提示的方法
2015/08/14 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
2015/12/13 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
jsTree事件和交互以及插件plugins详解
2017/08/29 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
Python使用内置json模块解析json格式数据的方法
2017/07/20 Python
python中实现精确的浮点数运算详解
2017/11/02 Python
浅谈python正则的常用方法 覆盖范围70%以上
2018/03/14 Python
Django自定义过滤器定义与用法示例
2018/03/22 Python
详解Python3.6的py文件打包生成exe
2018/07/13 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
Django如何使用redis作为缓存
2020/05/21 Python
Python如何创建装饰器时保留函数元信息
2020/08/07 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
Django 实现图片上传和下载功能
2020/12/31 Python
python 装饰器的基本使用
2021/01/13 Python
详解Python Celery和RabbitMQ实战教程
2021/01/20 Python
酒店人事专员岗位职责
2013/12/19 职场文书
大学生创业计划书的用途
2014/01/08 职场文书
学生保证书范文
2014/04/28 职场文书
应届生自荐信
2014/06/30 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
五好家庭事迹材料
2014/12/20 职场文书