jQuery ajax POST請求詳細說明與執行個體

來源:互聯網
上載者:User

jquery.post( url, [data], [callback], [type] )

      通過遠程 http post 請求載入資訊,使用post方式來進行非同步請求。

      這是一個簡單的 post 請求功能以取代複雜 $.ajax 。請求成功時可調用回呼函數。如果需要在出錯時執行函數,請使用 $.ajax。

      傳回值:xmlhttprequest

      參數:
      url (string) : 發送請求的url地址。
      data (map) : (可選)要發送給伺服器的資料,以 key/value 的索引值對形式表示。
      callback (function) : (可選) 載入成功時回呼函數(只有當response的返回狀態是success才是調用該方法)。
       type : (string) : (可選)官方的說明是:type of data to be sent。其實應該為用戶端請求的類型(json,xml,等等)

      樣本:
      ajax.asp教程x:

 程式碼
response.contenttype = "application/json";
response.write("{result: '" + request["name"] + ",你好!(這訊息來自伺服器)'}");
jquery

      代碼:

 程式碼
$.post("ajax.aspx", { action: "post", name: "lulu" },
        function (data, textstatus){
            // data 可以是 xmldoc, jsonobj, html, text, 等等.
            //this; // 這個ajax請求的選項配置資訊,請參考jquery.get()說到的this
            alert(data.result);
        }, "json");

 

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html><head><title>jquery特效處理-前台代碼</title>
<script language="網頁特效" src="jquery-1.4.2.min.js"></script>
<script language="javascript">
$(function(){//<!--www.111cn.net jquery代碼區-->
//ajax代碼區
});
</script>
<body>
<input id="forasp" type="text" maxlength="20"> <input type="button"  value="jquery的ajax測試" id="cn">
<span id="backurl">www.forasp.cn</span>
</body>
</html>
前面講到了用$.ajax(options)來實現jqueryajax,其中的提交方式是在type中設定,本次講的ajax是直接標明用post方式來提交資料.
(1)文法:$.get(url,data,fun,type);
url表示ajax調用的頁面
date為get方式傳遞的資料,資料格式{data:value,data:value..}可選
fun是回呼函數,function(msg),msg是頁面返回內容.可選
type返回內容格式,xml, html, script, json, text, _default。可選
執行個體:
$("#cn").bind("click",function(){
$.post("index4.php教程",{foraspcnurl:$("#forasp").val()},function(msg){alert(msg);} );
});
例子中的調用頁面為index4.php代碼如下:<?echo $_post["foraspcnurl"];?>.
運行:當在text裡面輸入網站製作學習網,點擊後面的按鈕,彈出"網站製作學習網"對話方塊

這種直接的post方法沒有beforsend,error等函數,如果需要在出錯時執行函數等,請使用 $.ajax。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.