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 相关文章推荐
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
Mar 09 Javascript
基于jQuery试卷自动排版系统
Jul 18 Javascript
javascript获取选中的文本的方法代码
Oct 30 Javascript
在JS方法中返回多个值的方法汇总
May 20 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
CSS图片响应式 垂直水平居中
Aug 14 Javascript
浅谈JavaScript 中有关时间对象的方法
Aug 15 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 Javascript
微信小程序实现美团菜单
Jun 06 Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
Sep 16 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
VUE.CLI4.0配置多页面入口的实现
Nov 25 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
虫族 Zerg 热键控制
2020/03/14 星际争霸
PHP array_multisort()函数的使用札记
2011/07/03 PHP
盘点PHP和ASP.NET的10大对比!
2015/12/24 PHP
php时间函数用法分析
2016/05/28 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
js用typeof方法判断undefined类型
2014/07/15 Javascript
Jquery Post处理后不进入回调的原因及解决方法
2014/07/15 Javascript
php常见的页面跳转方法汇总
2015/04/15 Javascript
jQuery插件slider实现拖动滑块选取价格范围
2015/04/30 Javascript
微信小程序 在线支付功能的实现
2017/03/14 Javascript
纯JS实现只能输入数字的简单代码
2017/06/21 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
2017/07/08 jQuery
Vue计算属性的使用
2017/08/04 Javascript
angularJS实现动态添加,删除div方法
2018/02/27 Javascript
js提取中文拼音首字母的封装工具类
2018/03/12 Javascript
vue的diff算法知识点总结
2018/03/29 Javascript
tsconfig.json配置详解
2019/05/17 Javascript
npm全局环境变量配置详解
2020/12/15 Javascript
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
python 画出使用分类器得到的决策边界
2019/08/21 Python
Django项目uwsgi+Nginx保姆级部署教程实现
2020/04/19 Python
Python使用Chrome插件实现爬虫过程图解
2020/06/09 Python
Python使用urlretrieve实现直接远程下载图片的示例代码
2020/08/17 Python
python如何将图片转换素描画
2020/09/08 Python
Python偏函数实现原理及应用
2020/11/20 Python
市场营销专科应届生求职信
2013/11/24 职场文书
上班离岗检讨书
2014/01/27 职场文书
转让协议书范本
2014/09/13 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
酒店财务部岗位职责
2015/04/14 职场文书
销售合作意向书范本
2015/05/08 职场文书
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL
Apache Hudi数据布局黑科技降低一半查询时间
2022/03/31 Servers
以MySQL5.7为例了解一下执行计划
2022/04/13 MySQL