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简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
js 上下左右键控制焦点(示例代码)
Dec 14 Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
JavaScript 中调用 Kotlin 方法实例详解
Jun 09 Javascript
node简单实现一个更改头像功能的示例
Dec 29 Javascript
ES6 对象的新功能与解构赋值介绍
Feb 05 Javascript
vue基础之v-bind属性、class和style用法分析
Mar 11 Javascript
js实现图片上传即时显示效果
Sep 30 Javascript
vue.js实现双击放大预览功能
Jun 23 Javascript
JS代码简洁方式之函数方法详解
Jul 28 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中捕获超时事件的方法实例
2015/02/12 PHP
PHP实现生成带背景的图形验证码功能
2016/10/03 PHP
php高清晰度无损图片压缩功能的实现代码
2018/12/09 PHP
Yii使用DbTarget实现日志功能的示例代码
2020/07/21 PHP
基于PHP实现用户在线状态检测
2020/11/10 PHP
JS操作Cookies的小例子
2013/10/15 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
2014/04/21 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
JavaScript实现表格点击排序的方法
2015/05/11 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
jQuery实现模糊查询的方法分析
2018/05/10 jQuery
详解javascript中的变量提升和函数提升
2018/05/24 Javascript
Vue如何实现响应式系统
2018/07/11 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
2018/11/14 Javascript
mock.js模拟数据实现前后端分离
2019/07/24 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
2021/02/25 Javascript
Python工程师面试必备25条知识点
2018/01/17 Python
解决seaborn在pycharm中绘图不出图的问题
2018/05/24 Python
基于python指定包的安装路径方法
2018/10/27 Python
pyinstaller参数介绍以及总结详解
2019/07/12 Python
Django CBV类的用法详解
2019/07/26 Python
PyQT5 实现快捷键复制表格数据的方法示例
2020/06/19 Python
CSS3制作翻转效果_动力节点Java学院整理
2017/07/11 HTML / CSS
使用CSS3在触屏上为按钮实现激活效果
2013/09/27 HTML / CSS
HTML5 canvas实现的静态循环滚动播放弹幕
2021/01/05 HTML / CSS
French Connection官网:女装、男装及家居用品
2019/03/18 全球购物
网络工程师个人的自我评价范文
2013/10/01 职场文书
工作保证书范文
2014/04/29 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
初中生散播谣言检讨书
2014/11/17 职场文书
共青团员自我评价
2015/03/10 职场文书
JavaWeb实现显示mysql数据库数据
2022/03/19 Java/Android
python数字图像处理:图像的绘制
2022/06/28 Python