首頁 > web前端 > js教程 > jquery中ajax應用程式之get()與post()的實例解析

jquery中ajax應用程式之get()與post()的實例解析

黄舟
發布: 2017-09-07 14:11:00
原創
1385 人瀏覽過

jquery中ajax應用程式-get()和post()

get和post傳送資料的方式不同,但在jquery的ajax中這種差異對使用者不可見。 get傳輸的資料大小有限制,get請求的資料會被瀏覽器緩存,兩種方式在伺服器端的接收不同。

get()
jquery中的get函數形式為$.get(URL,data,callback,type);

程式碼如下:

$.get("web.jsp",{
    name:"name1",                                            //get方法中的数据不仅可以是映射方法,也可以是"name=name1&age=12"的字符串方式,
    age:"12"                                                  //如果有中文,要使用编码,"name="+encodeURIComponent("栾鹏")+"&age=12"},
    function(data,textStatue){                                  //data表示返回的内容,可以是xml,JSON文件,HTML片段。textStatus表示请求状态:sucess,error,notmodified,timeout4种
    $("#p1").html(data);                                    //如果是html片段,直接设置代码段
    username = $(data).find("comment").attr("username");      //如果是xml文档,则使用$转化为dom对象
    username = data.username;                                 //如果是json数据,当成对象使用});
登入後複製

post()
jquery中的post函數形式為$.post(URL,data,callback);
程式碼如下:

$.post("web.jsp", $("#form1").serialize(),                 //serialize序列化表单内容,作为jQuery的表单对象的函数。
    function(data,textStatue){                              //data表示返回的内容,可以是xml,JSON文件,HTML片段。textStatus表示请求状态:sucess,error,notmodified,timeout4种
    $("#p1").html(data);                                    //如果是html片段,直接设置代码段
    username = $(data).find("comment").attr("username");      //如果是xml文档,则使用$转化为dom对象
    username = data.username;                                 //如果是json数据,当成对象使用});
登入後複製

以上是jquery中ajax應用程式之get()與post()的實例解析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板