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对id中含有特殊字符的转义处理示例
Sep 06 Javascript
js中判断对象是否为空的三种实现方法
Dec 23 Javascript
jquery列表拖动排列(由项目提取相当好用)
Jun 17 Javascript
JavaScript操作DOM元素的childNodes和children区别
Apr 01 Javascript
底部悬浮通栏可以关闭广告位的实现方法
Jun 01 Javascript
学习Javascript闭包(Closure)知识
Aug 07 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
Apr 10 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
Aug 23 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
Aug 30 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
Feb 23 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
Nov 18 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
PHP实现取得HTTP请求的原文
2014/08/18 PHP
laravel获取不到session的三种解决办法【推荐】
2018/09/16 PHP
jQuery 使用手册(二)
2009/09/23 Javascript
JavaScript学习笔记(十七)js 优化
2010/02/04 Javascript
js中hash和ico的关联分析
2015/02/05 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
ECMA5数组的新增方法有哪些及forEach()模仿实现
2015/11/03 Javascript
javascript实现加载xml文件的方法
2015/11/24 Javascript
jQuery插件formValidator实现表单验证
2016/05/23 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
2016/06/13 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
详解vue-router基本使用
2017/04/18 Javascript
史上最全JavaScript常用的简写技巧(推荐)
2017/08/17 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
2019/10/16 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
JavaScript 链表定义与使用方法示例
2020/04/28 Javascript
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
python中时间、日期、时间戳的转换的实现方法
2019/07/06 Python
python面试题之列表声明实例分析
2019/07/08 Python
基于opencv的selenium滑动验证码的实现
2020/07/24 Python
Python字符串查找基本操作代码案例
2020/10/27 Python
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
英国评分最高的女性剃须刀订阅盒:FFS Beauty
2018/01/25 全球购物
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
英国在线滑雪板和冲浪商店:The Board Basement
2020/01/11 全球购物
两道JAVA笔试题
2016/09/14 面试题
艺术爱好者的自我评价分享
2013/10/08 职场文书
写好自荐信的几个要点
2013/12/26 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
财务人员岗位职责
2015/02/03 职场文书
电影建党伟业观后感
2015/06/01 职场文书
2016继续教育培训学习心得体会
2016/01/19 职场文书
开网店计划分析
2019/07/30 职场文书
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android
logback 实现给变量指定默认值
2021/08/30 Java/Android
浅谈 JavaScript 沙箱Sandbox
2021/11/02 Javascript