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
挺简单的,请求后台,获取数据回调, 然后页面展示,需要注意的就上面两点,祝你们使用愉快
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对创新互联的支持。如果你想了解更多相关内容请查看下面相关链接
网页名称:JQuery实现ajax请求的示例和注意事项
本文链接:http://scpingwu.com/article/iijdpi.html