JQuery实现ajax请求的示例和注意事项


Posted in jQuery onDecember 10, 2018

最近很多人问我ajax该怎么用,怎么访问后台,怎么取得数据页面显示

写一个简单的ajax访问:

$.ajax({
  url: ctx +"/meeting/getMeetingRoomMap",  //请求后台地址
  type:"get",   //请求方式
  cache:false, //控制是否缓存数据(post请求默认false,而get请求会为true,容易造成页面数据缓存问题)
  async:false, //控制同步还是异步
  data:{scheduleDate:scheduleDate},  //传入参数
  success:function(data){
   if(data!=null && data!=""){
   $(".showMessage").html(data); //从后台获取数据的回调函数
   }
  }
  });

使用ajax需要注意的两点:

1、cache属性,默认为true,  就是页面是否需要缓存的问题,很多人说明明修改了值,为什么值没变,就是因为这个属性在作怪,请求的时候,可以设置为false

2、async属性,默认为true, 这个属性是决定你本次ajax请求是同步还是异步。 同步的话:js也会像后台代码一样,一行一行执行下去,

如果没设置这个属性为false,那就有可能出现你的ajax还没执行完,就去执行你的下一句js

其实ajax挺简单的,请求后台,获取数据回调, 然后页面展示,需要注意的就上面两点,祝你们使用愉快

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

jQuery 相关文章推荐
利用jQuery解析获取JSON数据
Apr 08 jQuery
jQuery实现多张图片上传预览(不经过后端处理)
Apr 29 jQuery
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
Jquery的Ajax技术使用方法
Jan 21 jQuery
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
如何解决jQuery 和其他JS库的冲突
Jun 22 jQuery
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 #jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 #jQuery
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 #jQuery
jQuery时间戳和日期相互转换操作示例
Dec 07 #jQuery
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 #jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 #jQuery
使用jQuery动态设置单选框的选中效果
Dec 06 #jQuery
You might like
全国中波电台频率表
2020/03/11 无线电
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
PHP字符串 ==比较运算符的副作用
2009/10/21 PHP
php性能优化分析工具XDebug 大型网站调试工具
2011/05/22 PHP
PHP gbk环境下json_dencode传送来的汉字
2012/11/13 PHP
php去除字符串中空字符的常用方法小结
2015/03/17 PHP
PHP数组相关函数汇总
2015/03/24 PHP
PHP实现在数据库百万条数据中随机获取20条记录的方法
2017/04/19 PHP
PHP APP微信提现接口代码
2018/09/30 PHP
jquery 选择器部分整理
2009/10/28 Javascript
jQuery数组处理方法汇总
2011/06/20 Javascript
javascript字符串替换及字符串分割示例代码
2013/12/12 Javascript
AngularJS基础学习笔记之控制器
2015/05/10 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
2015/09/19 Javascript
微信小程序 封装http请求实例详解
2017/01/16 Javascript
通过封装scroll.js 获取滚动条的值
2018/07/13 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
vue 左滑删除功能的示例代码
2019/01/28 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
python 给DataFrame增加index行名和columns列名的实现方法
2018/06/08 Python
纯用NumPy实现神经网络的示例代码
2018/10/24 Python
深入理解Django-Signals信号量
2019/02/19 Python
python 多线程串行和并行的实例
2019/02/22 Python
Python3+Appium安装使用教程
2019/07/05 Python
Python Selenium参数配置方法解析
2020/01/19 Python
Python新手学习装饰器
2020/06/04 Python
为什么称python为胶水语言
2020/06/16 Python
基于PyTorch中view的用法说明
2021/03/03 Python
在线购买世界上最好的酒:BoozeBud
2018/06/07 全球购物
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
一个C/C++编程面试题
2013/11/10 面试题
简短大学毕业感言
2014/01/18 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
说好普通话圆梦你我他演讲稿
2014/09/21 职场文书
CSS实现九宫格布局(自适应)的示例代码
2022/02/12 HTML / CSS