码迷,mamicode.com
首页 > Web开发 > 详细

分析一下jquery中的ajax操作

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

标签:使用   综合   web   txt   click   重要   alert   服务   pre   

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

标签:使用   综合   web   txt   click   重要   alert   服务   pre   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!