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 相关文章推荐
一个JS翻页效果
Jul 23 Javascript
extjs 列表框(multiselect)的动态添加列表项的方法
Jul 31 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
Jun 06 Javascript
javascript实现tab切换的两个实例
Nov 05 Javascript
jquery ui dialog替代confirm实例分析
Jan 25 Javascript
JavaScript通过代码调用Flash显示的方法
Feb 02 Javascript
React.js入门学习第一篇
Mar 30 Javascript
正则中的回溯定义与用法分析【JS与java实现】
Dec 27 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
微信小程序实战之轮播图(3)
Apr 17 Javascript
JS实现按钮颜色切换效果
Sep 05 Javascript
Webpack devServer中的 proxy 实现跨域的解决
Jun 15 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类(查找/修改)xml文档
2013/03/26 PHP
php var_export与var_dump 输出的不同
2013/08/09 PHP
php不用正则验证真假身份证
2013/11/06 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
js正确获取元素样式详解
2009/08/07 Javascript
基于MooTools的很有创意的滚动条时钟动画
2010/11/14 Javascript
某人初学javascript的时候写的学习笔记
2010/12/30 Javascript
js 字符串转换成数字的三种方法
2013/03/23 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
js用typeof方法判断undefined类型
2014/07/15 Javascript
angularJS中router的使用指南
2015/02/09 Javascript
JavaScript:Array类型全面解析
2016/05/19 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
2016/06/23 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
js正则表达式注册页面表单验证
2016/10/11 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
JS原型继承四步曲及原型继承图一览
2017/11/28 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
2019/08/28 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
[02:51]DOTA2英雄基础教程 艾欧
2014/01/13 DOTA
[08:40]Navi Vs Newbee
2018/06/07 DOTA
[01:37]PWL S2开团时刻DAY1&2——这符有毒
2020/11/20 DOTA
基于python脚本实现软件的注册功能(机器码+注册码机制)
2016/10/09 Python
Python简单实现控制电脑的方法
2018/01/22 Python
python使用response.read()接收json数据的实例
2018/12/19 Python
Python GUI编程学习笔记之tkinter控件的介绍及基本使用方法详解
2020/03/30 Python
HTML5实现Notification API桌面通知功能
2016/03/02 HTML / CSS
如何使用html5与css3完成google涂鸦动画
2012/12/16 HTML / CSS
举例详解HTML5中使用JSON格式提交表单
2015/06/16 HTML / CSS
澳大利亚首屈一指的在线购物目的地:Kogan.com
2017/02/02 全球购物
学校推普周活动总结
2015/05/07 职场文书
继续教育心得体会(共6篇)
2016/01/19 职场文书
2016年六一儿童节开幕词
2016/03/04 职场文书
python中的sys模块和os模块
2022/03/20 Python