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实现简单的滑动导航代码(移动端)
May 22 jQuery
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jQuery实现表格隔行换色
Sep 01 jQuery
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 jQuery
jquery.pager.js实现分页效果
Jul 29 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
Jquery Datatables的使用详解
Jan 30 jQuery
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
Jun 06 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
PHP数据类型之整数类型、浮点数的介绍
2013/04/28 PHP
PHP中数据库单例模式的实现代码分享
2014/08/21 PHP
PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
2015/11/16 PHP
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
JS原型对象通俗"唱法"
2012/12/27 Javascript
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
Javascript判断图片尺寸大小实例分析
2014/06/16 Javascript
jQuery中delegate()方法用法实例
2015/01/19 Javascript
js实现checkbox全选、不选与反选的方法
2015/02/09 Javascript
easyui Draggable组件实现拖动效果
2015/08/19 Javascript
javascript每日必学之继承
2016/02/23 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
JS实现的计数排序与基数排序算法示例
2017/12/04 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
2017/12/20 Javascript
vue实现移动端项目多行文本溢出省略
2020/07/29 Javascript
基于react项目打包css引用路径错误解决方案
2020/10/28 Javascript
[36:33]完美世界DOTA2联赛循环赛 Matador vs Forest 第一场 11.06
2020/11/06 DOTA
python 测试实现方法
2008/12/24 Python
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
Python脚本实现下载合并SAE日志
2015/02/10 Python
python之验证码生成(gvcode与captcha)
2019/01/02 Python
基于python if 判断选择结构的实例详解
2019/05/06 Python
Python3.7 新特性之dataclass装饰器
2019/05/27 Python
python实现五子棋小程序
2019/06/18 Python
python实现银行账户系统
2021/02/22 Python
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
Molly Bracken法国电子商店:法国女性时尚品牌
2019/07/24 全球购物
DataReader和DataSet的异同
2014/12/31 面试题
自我评价如何写好?
2014/01/05 职场文书
老师给学生的表扬信
2014/01/17 职场文书
孝敬父母的演讲稿
2014/05/14 职场文书
文明和谐家庭事迹材料
2014/05/18 职场文书
婚前协议书范本
2014/10/27 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL