首页 > 代码库 > 分析一下jquery中的ajax操作

分析一下jquery中的ajax操作

在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操作