Jquery中$.post()等相关方法的使用

来源:互联网 发布:小学生网络道德教育 编辑:程序博客网 时间:2024/05/29 16:29

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,所有请求均为异步请求。})
0 0