首页 > Web开发 > 详细

分析一下jquery中的ajax操作

时间:2017-03-03 11:41:19      阅读:124      评论:0      收藏:0      [点我收藏+]

在web前端开发中,ajax是很重要的一项技术,用原生写起来很是麻烦,需要一大堆js代码,而到了jq里就被精简了许多,一起来看看:

jquery中的ajax分为三种方式:

1.$.get(),get方式获取

例子:

$(‘.btn‘).click({
  $.get(‘1.txt‘,function(data){             //‘1.txt‘为服务器上的文档,data为获取到的数据
     alert(data);
  });
})

2.$.post(),post方式获取

例子:

$(‘.btn‘).click({
  $.post(‘1.txt‘,function(data){             //‘1.txt‘为服务器上的文档,data为获取到的数据
     alert(data);
  });
})

大家可以看出,post方式和get方式其实并没有太大区别,就是请求的方式不一样。

 

3.$.ajax(),综合的请求方式

在项目中其实最常用的是这种方式,例子:

$(‘.btn‘).click({
  $.ajax({
     url:‘1.php‘,
     data:‘username‘:‘lingdu‘,       //其中url为请求地址,data为发送数据,成功则执行success的函数
     success:function(data){
          alert(data);
     }
  })
})

这种方式囊括了ajax的所有操作,发送和接收数据,同时这种方式效率也最高,希望大家以后尽量使用这种方式来进行ajax操作。

分析一下jquery中的ajax操作

原文:http://www.cnblogs.com/lingdublog/p/6495665.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!