ajax 请求注意哪些方面,JQuery实现ajax请求的示例和注意事项

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

总结

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

时间： 2018-12-08

AJAX在jQuery中的应用 1. $.ajax()方法 $.ajax()方法是一个功能十分强悍的一个底层方法,基于该方法实现的$.get()和$.post()都是常用的向服务器请求数据的方法. 1.1 $.ajax()中的参数及使用方法 $.ajax()调用的语法格式为: $.ajax([options]) 其中,可选参数[options]作为$.ajax()方法中的请求设置,其格式为key/value,既包含发送请求的参数,也含有服务器响应回调的数据,常用的参数具体格式如下: 1.2 $.

Jquery的Ajax技术(重点) jquery是一个优秀的js框架,自然对js原生的ajax进行了封装,封装后的ajax的操作方法更简洁,功能更强大,与ajax操作相关的jquery方法有如下几种,但开发中经常使用的有三种: 1)$.get(url, [data], [callback], [type]) 2)$.post(url, [data], [callback], [type]) 区别:get有字节码乱码问题,post无字节码乱码问题(获取请求页面数据到后台,后台response.se

本文实例讲述了jQuery实现简单的Ajax调用功能.分享给大家供大家参考,具体如下: 这里的jQuery调用为CDN地址://cdn.bootcss.com/jquery/3.3.1/jquery.min.js jQuery确实方便,下面做个简单的Ajax调用: 建立一个简单的html文件: