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

来源：动视网责编：小采时间：2020-11-27 22:02:37

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

JQuery实现ajax请求的示例和注意事项:最近很多人问我ajax该怎么用，怎么访问后台，怎么取得数据页面显示写一个简单的ajax访问： $.ajax({ url: ctx +/meeting/getMeetingRoomMap, //请求后台地址 type:get, //请求方式 cache:false, //控制是否缓存数据（post请求默认

推荐度：

点击下载本文 文档为doc格式

导读JQuery实现ajax请求的示例和注意事项:最近很多人问我ajax该怎么用，怎么访问后台，怎么取得数据页面显示写一个简单的ajax访问： $.ajax({ url: ctx +/meeting/getMeetingRoomMap, //请求后台地址 type:get, //请求方式 cache:false, //控制是否缓存数据（post请求默认

最近很多人问我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挺简单的，请求后台，获取数据回调，然后页面展示，需要注意的就上面两点，祝你们使用愉快

总结