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 相关文章推荐
Prototype使用指南之hash.js
Jan 10 Javascript
jQuery 各种浏览器下获得日期区别
Dec 22 Javascript
onclick与listeners的执行先后问题详细解剖
Jan 07 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
Jun 06 Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 Javascript
最简单的JavaScript图片轮播代码(两种方法)
Dec 18 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
js获取css的各种样式并且设置他们的方法
Aug 22 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
express.js中间件说明详解
Mar 19 Javascript
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
Jul 16 Javascript
什么是SOLID
Mar 24 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
搜索引擎技术核心揭密
2006/10/09 PHP
改进的IP计数器
2006/10/09 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
PHP的一个完美GIF等比缩放类,附带去除缩放黑背景
2014/04/01 PHP
数组任意位置插入元素,删除特定元素的实例
2017/03/02 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
javascript 特殊字符串
2009/02/25 Javascript
基于jQuery的日期选择控件
2009/10/27 Javascript
IE图片缓存document.execCommand("BackgroundImageCache",false,true)
2011/03/01 Javascript
实用框架(iframe)操作代码
2014/10/23 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
2016/10/08 Javascript
javascript设置文本框光标的方法实例小结
2016/11/04 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
2017/02/19 Javascript
Vue组件tree实现树形菜单
2017/04/13 Javascript
浅谈Angular路由复用策略
2017/10/04 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
2018/05/22 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
原生JavaScript实现进度条
2021/02/19 Javascript
[03:27]最受玩家喜爱奖提名:PZH_Element 致玩家寄语
2016/12/20 DOTA
浅谈Python中的作用域规则和闭包
2018/03/20 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
Python 使用元类type创建类对象常见应用详解
2019/10/17 Python
python中如何使用insert函数
2020/01/09 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
python SOCKET编程基础入门
2021/02/27 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
naturalizer加拿大官网:美国娜然女鞋
2017/04/04 全球购物
24岁生日感言
2014/01/13 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
信访工作汇报材料
2014/10/27 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
2019年市场部个人述职报告(三篇)
2019/10/23 职场文书
oracle DGMGRL ORA-16603报错的解决方法(DG Broker)
2021/04/06 Oracle
前端监听websocket消息并实时弹出(实例代码)
2021/11/27 Javascript
Django框架中模型的用法
2022/06/10 Python