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中的相等与不等运算
Apr 25 Javascript
JavaScript学习笔记之获取当前目录的实现代码
Dec 14 Javascript
基于jquery循环map功能的代码
Feb 26 Javascript
用js实现trim()的解决办法
Apr 16 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
JS+CSS实现简易实用的滑动门菜单效果
Sep 18 Javascript
JavaScript实现图片滑动切换的代码示例分享
Mar 06 Javascript
JavaScript运动框架 多物体任意值运动(三)
May 17 Javascript
详解bootstrap导航栏.nav与.navbar区别
Nov 23 Javascript
微信小程序实现的日期午别医生排班表功能示例
Jan 09 Javascript
JS实现水平移动与垂直移动动画
Dec 19 Javascript
vue实现在data里引入相对路径
Jun 05 Vue.js
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
基于flush()不能按顺序输出时的解决办法
2013/06/29 PHP
PHP中关键字interface和implements详解
2017/06/14 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
PHP调用QQ互联接口实现QQ登录网站功能示例
2019/10/24 PHP
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
2007/01/16 Javascript
网站被黑的假象--ARP欺骗之页面中加入一段js
2007/05/16 Javascript
使用JQUERY Tabs插件宿主IFRAMES
2010/01/01 Javascript
innerHTML 和 getElementsByName 在IE下面的bug 的解决
2010/04/09 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
2011/03/01 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
javascript:json数据的页面绑定示例代码
2014/01/26 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
js调用百度地图及调用百度地图的搜索功能
2015/09/07 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
2015/11/04 Javascript
js 获取图像缩放后的实际宽高,位置等信息
2017/03/07 Javascript
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
Form表单上传文件(type="file")的使用
2017/08/03 Javascript
详解vue-cli项目中用json-sever搭建mock服务器
2017/11/02 Javascript
如何在 ant 的table中实现图片的渲染操作
2020/10/28 Javascript
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
[57:53]Secret vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
Python Web框架Tornado运行和部署
2020/10/19 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
python用match()函数爬数据方法详解
2019/07/23 Python
python抓取多种类型的页面方法实例
2019/11/20 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
Python基础教程(一)——Windows搭建开发Python开发环境
2020/07/20 Python
如何查找和删除数据库中的重复数据
2014/11/05 面试题
珍惜资源的建议书
2014/08/26 职场文书
升学宴家长致辞
2015/07/27 职场文书
九九重阳节致辞
2015/07/31 职场文书
关于职业道德的心得体会
2016/01/18 职场文书
Linux系统下MySQL配置主从分离的步骤
2022/03/21 MySQL