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实现文件上传功能实例代码

SpringMVC+Jquery实现Ajax功能

关于二次封装jquery ajax办法示例详解

ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)

jQuery Ajax的readyState和status的区别和使用详解