jquery 的ajax请求示例和注意事项
最近很多人问我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挺简单的,请求后台,获取数据回调, 然后页面展示,需要注意的就上面两点,祝你们使用愉快
转载于:https://blog.51cto.com/13545923/2053390
jquery 的ajax请求示例和注意事项相关推荐
- ajax请求l类型,jquery 的ajax请求示例和注意事项
最近很多人问我ajax该怎么用,怎么访问后台,怎么取得数据页面显示 写一个简单的ajax访问: $.ajax({ url: ctx +"/meeting/getMeetingRoomMap& ...
- ajax.then()用法,使用es6的then()方法封装jquery的ajax请求
使用场景: jsp页面中使用jquery的ajax请求比较频繁,以前vue框架的项目用过axios,所以就想着用then()封装一个公共请求的方法,这样每次请求就不用那么麻烦的写一大堆请求参数了. 示 ...
- 使用jQuery在AJAX请求中添加标头
本文翻译自:Add header in AJAX request with jQuery I would like to add a custom header to an AJAX POST req ...
- ajax type是get请求,jQuery的Ajax请求数据时type无法使用GET
写一个ASP.NET MVC例子,它是使用jQuery的$.Ajax来呼叫控制器的数据. 创建一个视图: 运行结果: 一切正常,但是本例子我们只是获取数据,并没有做任何数据POST上传至控制器,我们尝 ...
- jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 参考文章: (1)jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 ( ...
- jQuery 发送 AJAX 请求
AJAX 请求状态 xhr.readyState 可以用来查看请求当前的状态 参考官方文档的链接:https://developer.mozilla.org/zh-CN/docs/Web/API/XM ...
- ajax 请求成功 再执行javascript,jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法...
jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Objec ...
- 调用$.ajax不成功,jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法...
jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Objec ...
- 关于前端接口 jquery的ajax请求
关于jquery中ajax请求 一.ajax语法 二. 四种请求方式 1.get请求 2.post请求 2.1 默认格式 2.2 json格式请求 2.3 序列化表单值 2.3 FormData 3. ...
最新文章
- 图论 ---- dijkstra变种dp Codeforces Div2 703 E. Paired Payment
- 【Java 虚拟机原理】Class 字节码二进制文件分析 六 ( 属性类型 | Code 属性 | 属性名称索引 | 属性长度 | 操作数栈最大深度 | 局部变量存储空间 | 字节码长度 )
- centos7查看内核以及删除旧内核
- Android安全开发之Provider组件安全
- idea新建scala文件_IDEA maven项目中新建.scala文件
- csv导入mysql phpmyadmin_【转】从phpMyAdmin批量导入Excel内容到MySQL(亲测非常简洁有效)...
- VMware Horizon View 7.5 如何部署虚拟桌面, 专业技术咨询和购买
- grDevices | R语言中的配色方法汇总(Ⅱ-1)
- 中国夹层玻璃板行业市场供需与战略研究报告
- 探索Whisper语音识别
- Collada 快速入门
- java汉字转拼音(全拼、简拼)
- 用38行C++代码实现随机排序
- 网众无盘常见问题解决方案(转)
- 使用志博教育的Altium Designer 17教学视频进行初步学习,绘制MPS430M
- Esxi安装iStoreOS
- 基于Hu矩的区域相似性度量
- SQL:查询近一年每个月的数据
- Jscp (Javascript client page) javascript 库
- 【我的渲染技术进阶之旅】解决Cinema 4D制作的3D模型无法导入Blender的问题