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中clone()函数实现表单中增加和减少输入项
May 13 jQuery
jQuery:unbind方法的使用详解
Aug 14 jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
jQuery响应滚动条事件功能示例
Oct 14 jQuery
jQuery实现定时隐藏对话框的方法分析
Feb 12 jQuery
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
基于jQuery.i18n实现web前端的国际化
May 04 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
jQuery中DOM常见操作实例小结
Aug 01 jQuery
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 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 stream_context_create()函数的使用示例
2015/05/12 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
js中document.getElementByid、document.all和document.layers区分介绍
2011/12/08 Javascript
通过百度地图获取公交线路的站点坐标的js代码
2012/05/11 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
window.open不被拦截的简单实现代码(推荐)
2016/08/04 Javascript
利用JS提交表单的几种方法和验证(必看篇)
2016/09/17 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
three.js实现3D视野缩放效果
2017/11/16 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
2018/05/08 Javascript
layer.open组件获取弹出层页面变量、函数的实例
2019/09/25 Javascript
浅谈js中的attributes和Attribute的用法与区别
2020/07/16 Javascript
Python实现全角半角转换的方法
2014/08/18 Python
Python lambda和Python def区别分析
2014/11/30 Python
Python中使用插入排序算法的简单分析与代码示例
2016/05/04 Python
python的exec、eval使用分析
2017/12/11 Python
Java编程迭代地删除文件夹及其下的所有文件实例
2018/02/10 Python
python使用Tesseract库识别验证
2018/03/21 Python
PyQt5每天必学之拖放事件
2020/08/27 Python
Pyqt实现无边框窗口拖动以及窗口大小改变
2018/04/19 Python
Python实现定时自动关闭的tkinter窗口方法
2019/02/16 Python
树莓派3 搭建 django 服务器的实例
2019/08/29 Python
在python里使用await关键字来等另外一个协程的实例
2020/05/04 Python
pycharm导入源码的具体步骤
2020/08/04 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
北大自主招生自荐信
2013/10/19 职场文书
小学生安全责任书
2014/07/25 职场文书
大学生社会实践活动总结报告
2015/05/06 职场文书
初三化学教学反思
2016/02/22 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
golang gopm get -g -v 无法获取第三方库的解决方案
2021/05/05 Golang
利用 JavaScript 构建命令行应用
2021/11/17 Javascript
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python