jQuery 中$.ajax $.get $.post 和$.getJSON 的 区别 和 用法

1、$.ajax 是 jQuery 底层 AJAX 实现,$.ajax是一种通用的底层封装,$.ajax()请求数据之后,则需要使用回调函数,有beforeSend、error、dataFilter、success、complete等。

2、$.get $.post是简单易用的高层实现,我们使用$.get $.post方法,jQuery会自动封装调用底层的$.ajax

3、$.get 只处理简单的 GET 请求功能以取代复杂 $.ajax,请求成功时可调用回调函数。不支持出错时执行函数,否则必须使用$.ajax

4、$.post 只处理 post请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。不支持出错时执行函数,否则必须使用$.ajax

$.get("test.php", { name: "John", time: "2pm" } )
$.get方法在请求时会自动生成queryString提交给服务(name=John&time=2pm)。

. p o s t 方 法 提 交 的 数 据 直 接 类 似 表 单 提 交 , 提 交 的 数 据 量 比 .post方法提交的数据直接类似表单提交,提交的数据量比 .post.get更大。

下面说一下用法:

.get和.post其实都是.ajax的一种,在.ajax中有一个type属性,专门用来指定是get请求还是post请求的。如下:

$.ajax({ 
   url:”路径”, 
   type:”post/get”, 
  datatype:”json”, 
  //成功的回调函数 
   success:function(data){ 
   alert(“回调函数成功了”); 
}, 
   //失败的回调函数 
   error:function(){ 
   alert(“服务器请求失败”); 
   },

    //发送请求前调用,可以放一些“正在加载”之类的话 
    beforeSend:function(){ 
    alert(“正在加载”); 
    } 
}); 

所以无论是get请求还是post请求,都可以用ajax来写。
下面我们来说一下get和post的区别:

1.安全性:get是通过http协议的header发送请求,所以会将参数拼接在地址栏中,所以安全性很差;
post是通过http协议的body发送请求,地址栏中并不会出现,所以相对安全;
还有一点,用get方法发送请求会被客户端浏览器缓存,通过查看历史记录可以查看到用户信息,所以非常不安全。

2.传送大小:get只能传送2kb,而post一般不受限制

3.效率:get效率高,post效率低

4.get就是为了从服务器得到数据,而post则是发送数据

举个例子:
.get()方法使用GET方式来进行异步请求,它的语法结构为:.get( url [, data] [, callback] )

解释一下这个函数的各个参数:

url:string类型,ajax请求的地址。
data:可选参数,object类型,发送至服务器的key/value数据会作为QueryString附加到请求URL中。
callback:可选参数,function类型,当ajax返回成功时自动调用该函数。

 $.get(“/login”,id:”12”,name:”zhangsan”,
           function(data,state){
            alert(data);
           }if(state==”ok”) {
              alert(“返回数据成功”);
           }elsealert {
            (“返回数据失败”);
           }

.post()方法使用POST方式来进行异步请求,它的语法结构为:
$.post(url,[data],[callback],[type])
这个方法和.get()用法差不多,唯独多了一个type参数,那么这里就只介绍type参数吧,其他的参考上面.get()的。type:type为请求的数据类型,可以是html,xml,json等类型,如果我们设置这个参数为:json,那么返回的格式则是json格式的,如果没有设置,就和.get()返回的格式一样,都是字符串的。

$.post(“/login”,{id:’123’,name:’小明’},function(data){

   },"json")

下面我们来说一下getJSON():
getJSON()和get是一样的,都是get请求,这就决定了,发送的data数据量不能太多,否则造成url太长接收失败(getJSON方式是不可能有post方式递交的)。
区别是,getJSON专门请求json数据的,而且getJSON可以实现跨域请求。语法格式如下:

getJSON(url,[data],[callback]) 
url:string类型, 发送请求地址 
data :可选参数, 待发送 Key/value 参数 ,同get,post类型的data 
callback :可选参数,载入成功时回调函数,同get,post类型的callback
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值