Jquery中$.post()等相关方法的使用_jq中$.post是&拼接-优快云博客

本文详细介绍了 jQuery 中的 AJAX 方法，包括 $.post 和 $.get 的使用方法及参数说明，并且讲解了 $.getJSON 和 $.ajax 的应用实例。通过这些方法，开发者能够轻松地实现网页与服务器之间的异步数据交互。

1.$.post()

$.post(url,data,fn,type)

参数
url 必需，请求地址
data 必需，发送的数据参数
fn 必需，发送成功后的回调函数
type 可选，返回数据的类型。可以是：string或者json类型

eg:

$.post(
    // 接收数据的PHP页面
     'action.php',
    // 传给PHP的数据，多个参数用&连接或者使用json格式数据：{a:'value1',b:'value2'}
     "a=value1&b=value2",
    function(msg){
        // 这里是请求发送成功后的回调函数。
        // msg是返回的数据，数据类型在type参数里定义！
    },
    // 默认返回字符串，设置值等于json则返回json数据
    type:'json',
)

$.post("/TreeHoleWebs/commentLike",
            {comment_id:comment_id},
            function(data){
                if(data == 'ok'){
                    num++;
                    $("#like_num_"+comment_id).html(num);
                }else if(data == 'have'){
                    alert('点赞过');
                }else if(data == 'fail'){
                    alert('点赞失败!');
                }
            }
        );

2.$.get()

$.get(url,data,fn)

参数
url 必需，请求地址
data 可选，发送的数据参数
fn 可选，发送成功后的回调函数
type 可选，返回数据的类型。可以是：string或者json类型

$.get(
    // 接收数据的PHP页面
    'action.php',
    //传给PHP的数据，多个参数用&连接或者使用json格式数据：{a:'value1',b:'value2'}
    "a=value1&b=value2",
    function(msg){
        //这里是get提交成功后，PHP程序返回的数据。msg是返回的数据，数据类型在type参数里定义！
    },
    // 默认返回字符串，设置值等于json则返回json数据
    type:'json',
)

3.$.getJSON

$.getJSON(url,data,fn)

参数
url 必需，请求地址
data 可选，发送的数据参数
fn 可选，发送成功后的回调函数

该函数是简写的Ajax函数，等价于

$.ajax({
  url: url,
  data: data,
  success: function(){
 },
  dataType: 'json'
});

不带参数请求:

$.getJSON("test.php", function(json){
  console.log(json);
});

带参数请求:

$.getJSON("test.php", { name: "Ray", time: "18:00" }, function(json){
  console.log(json);
});

4.$.ajax

$.ajax({
    type: "GET",// 请求方式
    url: "test.php",// 请求url地址
    data: {username:$("#username").val(), content:$("#content").val()},
    dataType: "json",// 数据返回类型
    success: function(data){
        // 请求发送成功后执行的函数,data是返回的数据。
    },
    timeout: 3000,// 超时设置,如果3秒内请求无响应,则执行error定义的方法
    error: function(){
        // code
    },
    async：true,// 默认设置为true，所有请求均为异步请求。
})