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.Encode手动解码技巧
Jul 14 Javascript
JS关键字变色实现思路及代码
Feb 21 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
Feb 19 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
May 02 Javascript
javaScript的函数对象的声明详解
Feb 06 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 Javascript
js日期范围初始化得到前一个月日期的方法
May 05 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
js实现瀑布流效果(自动生成新的内容)
Mar 16 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
Jul 03 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
Jul 27 Javascript
vue下history模式刷新后404错误解决方法
Aug 18 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 fsockopen 模拟POST/GET传送数据的方法
2015/09/22 PHP
PHP登录验证码的实现与使用方法
2016/07/07 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
phpinfo的知识点总结
2019/10/10 PHP
jQuery 选择器、DOM操作、事件、动画
2010/11/25 Javascript
如何正确使用Nodejs 的 c++ module 链接到 OpenSSL
2014/08/03 NodeJs
javascript引擎长时间独占线程造成卡顿的解决方案
2014/12/03 Javascript
jQuery使用之处理页面元素用法实例
2015/01/19 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
2016/05/17 Javascript
NodeJs测试框架Mocha的安装与使用
2017/03/28 NodeJs
BootStrap下的弹出框加载select2框架失败的解决方法
2017/08/31 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
JavaScript设计模式之享元模式实例详解
2019/01/17 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
vue自定义指令和动态路由实现权限控制
2020/08/28 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
[53:38]OG vs LGD 2018国际邀请赛淘汰赛BO3 第三场 8.26
2018/08/30 DOTA
[30:55]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第二场 11.18
2020/11/18 DOTA
将图片文件嵌入到wxpython代码中的实现方法
2014/08/11 Python
Python专用方法与迭代机制实例分析
2014/09/15 Python
python 读取更新中的log 或其它文本方式
2019/12/24 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
Python日志处理模块logging用法解析
2020/05/19 Python
Ellos丹麦:时尚和服装在线
2016/09/19 全球购物
初二政治教学反思
2014/01/12 职场文书
最新茶叶店创业计划书
2014/01/14 职场文书
追悼会子女答谢词
2014/01/28 职场文书
总经理工作职责范文
2014/03/14 职场文书
环保小标语
2014/06/13 职场文书
2014民事授权委托书范本
2014/09/29 职场文书
市贸粮局召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
车位出租协议书范本
2016/03/19 职场文书
Golang表示枚举类型的详细讲解
2021/09/04 Golang
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL
Golang数据类型和相互转换
2022/04/12 Golang
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python