分析一下jquery中的ajax操作

Posted 2020-09-02 零度逍遥的博客

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