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 使用手册(二)
Sep 23 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
Dec 30 Javascript
jquery乱码与contentType属性设置问题解决方案
Jan 07 Javascript
浅谈javascript事件取消和阻止冒泡
May 26 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
Nov 27 Javascript
javascript 用函数实现继承详解
May 28 Javascript
vue动态组件实现选项卡切换效果
Mar 08 Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
Oct 11 Javascript
利用pm2部署多个node.js项目的配置教程
Oct 22 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
微信小程序之 catalog 切换实现解析
Sep 12 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
织梦模板标记简介
2007/03/11 PHP
php过滤XSS攻击的函数
2013/11/12 PHP
PHP爬虫之百万级别知乎用户数据爬取与分析
2016/01/22 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
javascript firefox不显示本地预览图片问题的解决方法
2008/11/12 Javascript
js判断生效时间不得大于失效时间的思路及代码
2013/04/23 Javascript
js图片轮播特效代码分享
2015/09/07 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
2015/11/06 Javascript
javascript中checkbox使用方法实例演示
2015/11/19 Javascript
JS获取数组最大值、最小值及长度的方法
2015/11/24 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
2016/06/27 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
2016/09/08 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
laydate 显示结束时间不小于开始时间的实例
2017/08/11 Javascript
zTree树形菜单交互选项卡效果的实现方法
2017/12/25 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
2018/02/21 Javascript
vux uploader 图片上传组件的安装使用方法
2018/05/15 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
2019/02/27 Javascript
js+css3实现简单时钟特效
2020/09/13 Javascript
详细分析python3的reduce函数
2017/12/05 Python
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
Python 实现自动获取种子磁力链接方式
2020/01/16 Python
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
计算机专业应届毕业生自荐信
2013/09/26 职场文书
公司财务总监岗位职责
2013/12/14 职场文书
追悼会上的答谢词
2014/01/10 职场文书
2014年两会学习心得体会
2014/03/10 职场文书
学校拾金不昧表扬信
2015/01/16 职场文书
社区禁毒宣传活动总结
2015/05/07 职场文书
python绘制箱型图
2021/04/27 Python
MySQL基于索引的压力测试的实现
2021/11/07 MySQL
python数字图像处理之对比度与亮度调整示例
2022/06/28 Python