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与vbscript数据共享
Jan 09 Javascript
Javascript 阻止javascript事件冒泡,获取控件ID值
Jun 27 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
May 13 Javascript
jquery制作select列表双向选择示例代码
Sep 02 Javascript
轻松搞定jQuery.noConflict()
Feb 15 Javascript
JS导出PDF插件的方法(支持中文、图片使用路径)
Jul 12 Javascript
浅谈javascript中的加减时间
Jul 12 Javascript
JS实现图片剪裁并预览效果
Aug 12 Javascript
基于vue2.0实现的级联选择器
Jun 09 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 Javascript
关于vue状态过渡transition不起作用的原因解决
Apr 09 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 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 访问数据库配置通用方法(json)
2018/05/20 PHP
JavaScript 反科里化 this [译]
2012/09/20 Javascript
ScrollDown的基本操作示例
2013/06/09 Javascript
细说javascript函数从函数的构成开始
2013/08/29 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
2013/12/12 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
javascript与Python快速排序实例对比
2015/08/10 Javascript
JavaScript中的Function函数
2015/08/27 Javascript
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
2016/11/18 Javascript
Angular实现跨域(搜索框的下拉列表)
2017/02/16 Javascript
小程序实现投票进度条
2019/11/20 Javascript
JS实现打砖块游戏
2020/02/14 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
[04:15]DOTA2-DPC中国联赛1月19日Recap集锦
2021/03/11 DOTA
python pandas修改列属性的方法详解
2018/06/09 Python
解决python tkinter界面卡死的问题
2019/07/17 Python
Python箱型图处理离群点的例子
2019/12/09 Python
python GUI库图形界面开发之PyQt5树形结构控件QTreeWidget详细使用方法与实例
2020/03/02 Python
五种Python转义表示法
2020/11/27 Python
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
水芝澳美国官网:H2O Plus
2016/10/15 全球购物
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
计算机专业毕业生推荐信
2013/11/25 职场文书
市场部专员岗位职责
2013/11/30 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
2014年服务员个人工作总结
2014/12/23 职场文书
先进事迹材料怎么写
2014/12/30 职场文书
小学生思想品德评语
2014/12/31 职场文书
2015年八一建军节慰问信
2015/03/23 职场文书
观后感开头
2015/06/19 职场文书