$.get(),$.post(),$.ajax()的区别和联系

最新推荐文章于 2020-10-03 10:28:16 发布

qq541005640

最新推荐文章于 2020-10-03 10:28:16 发布

阅读量741

点赞数

分类专栏： jQuery

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

解释

JQuery帮助文档是这样解释这三种方法的。

$.get()

通过远程 HTTP GET 请求载入信息。这是一个简单的 GET 请求功能以取代复杂的$.ajax().请求成功时可调用回调函数。

如果需要在出错时执行函数，请使用$.ajax()
$.post()

通过远程 HTTP POST 请求载入信息。这是一个简单的 POST 请求功能以取代复杂的$.ajax().请求成功时可调用回调函数。

如果需要在出错时执行函数，请使用$.ajax()
$.ajax()

通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。

联系

从以上的解释中，可以总结出一下几点联系：

前两者是$.ajax()的简单易用实现，以方便我们的使用。
当把$.ajax()中的参数type设为Get或Post，则分别同get()或post()

区别（应用场景）

$.ajax()

　　虽然get()和post()函数非常简洁易用，但是对于更复杂的一些设计需求还是无法实现，比如在ajax发送的不同时段做出不同的动作等。jQuery提供一个更为具体的函数：ajax()。
　　ajax( options )提供了很多参数，所以可以实现相当复杂的功能。
　　ajax()可以在出错时执行函数
get()和post()两种方法的区别即get请求和post请求的区别。

GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。

GET和POST比对表

　　我将这两者的不同点总结为四点：数据方面，缓存方面，安全性方面及体验方面。由于二者数据传递的方式和是否缓存数据的差异从而导致了它们在安全性上的差异。

代码示例

$.post

$(document).ready(function(){
  $("button").click(function(){
    $.post("/example/jquery/demo_test_post.asp",
    {
      name:"Donald Duck",
      city:"Duckburg"
    },
    function(data,status){
      alert("数据：" + data + "\n状态：" + status);
    });
  });
});

$.get()

$(document).ready(function(){
  $("button").click(function(){
    $.get("/example/jquery/demo_test.asp",function(data,status){
      alert("数据：" + data + "\n状态：" + status);
    });
  });
});

$.ajax()

//提交用户输入的必要的项目信息，根据此信息生成相应的Word模板，这里可以用$.post()方法代替
            $.ajax({
                type:"POST",
                url: "/InviteBid/ReceiveInfo",
                contentType: "application/json", //如果提交的是json数据类型，则必须有此参数,表示提交的数据类型 
                //dataType: "json", //表示返回值类型，不必须           
                data: JSON.stringify({ "InviteBidInfo": 
                    [{ 'BidProId': BidProId, 'BidProType': BidProType, 'BidProName': BidProName, 'ItemType': ItemType }]
                }),  
                success: function (jsonResult) {                  
                    //在原来的页面跳转到下载word模板的页面
                    window.location.href = "/InviteBid/ExportTemplateFile";
                },
                error: function (data){
                    alert("下载模板失败！");
            }
            });      
        });