jquery ajax 參數傳遞與資料儲存執行個體

最後更新：2017-01-13 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

var info = document.getelementbyid("txt").value;
jquery.ajax({
type: 'get',
        url: 'http://localhost:8080/jdom/hehe.do?act=網頁特效on',
        data: "&info="+info,
        cache: false,
      datatype: 'json', //指定傳回型別
        error: function(data, status, e){
alert("hehe " );
},

看看一個jquery ajax php 執行個體

<html>
<head>
<title>ajax</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<script type="text/網頁特效" src="http://localhost/leb/auto/js/jquery-latest.js"></script>
<script type="text/javascript" >
    $(function(){
        $("#config").submit(function(){
            $.ajax({
                type:"post",
                url:"addpage.php",
                data:$('#config').serialize(),//格式化表單參數或者也可以使用data:{'folder':$('input[name=folder]').val(),'page':$('input[name=page]').val()},
                datetype:'text',
                success:function(data){//資料提交成功時返回資料
                    alert(data);
                }
            });
            return false;
        });
    });
</script>
</head>
<body>
    <form name="config" method="post" id="config">
        <div class="infotitle">主目錄：</div>
        <input name="folder" type="text"/>
        <div class="infotitle">頁面名稱：</div>
        <input name="page" type="text"/>
        <div class="submit">
            <button type="submit" id="submit">確定</button>
        </div>
    </form>
</body>
</html>

//addpage.php檔案

$folder=$_post['folder'];
$page=$_post['page'];
$file=fopen('result.htm','w');
fwrite(
    $file,
    "檔案夾為：".$folder.'<br>'.
    "模板頁為：".$page.'<br>'
);
fclose($file);

參數名	類型	描述
url	string	(預設: 當前頁地址) 發送請求的地址。
type	string	(預設: "get") 請求方式 ("post" 或 "get")，預設為 "get"。注意：其它 http 要求方法，如 put 和 delete 也可以使用，但僅部分瀏覽器支援。
timeout	number	佈建要求逾時時間（毫秒）。此設定將覆蓋全域設定。
async	boolean	(預設: true) 預設設定下，所有請求均為非同步請求。如果需要發送同步請求，請將此選項設定為 false。注意，同步請求將鎖住瀏覽器，使用者其它操作必須等待請求完成才可以執行。
beforesend	function	發送請求前可修改 xmlhttprequest 對象的函數，如添加自訂 http 頭。xmlhttprequest 對象是唯一的參數。 function (xmlhttprequest) { this; // the options for this ajax request }
cache	boolean	(預設: true) jquery 1.2 新功能，設定為 false 將不會從瀏覽器緩衝中載入請求資訊。
complete	function	請求完成後回呼函數 (請求成功或失敗時均調用)。參數： xmlhttprequest 對象，成功資訊字串。 function (xmlhttprequest, textstatus) { this; // the options for this ajax request }
contenttype	string	(預設: "application/x-www-form-urlencoded") 發送資訊至伺服器時內容編碼類別型。預設值適合大多數應用場合。
data	object, string	發送到伺服器的資料。將自動轉換為請求字串格式。get 請求中將附加在 url 後。查看 processdata 選項說明以禁止此自動轉換。必須為 key/value 格式。如果為數組，jquery 將自動為不同值對應同一個名稱。如 {foo:["bar1", "bar2"]} 轉換為 '&foo=bar1&foo=bar2'。
datatype	string	預期伺服器返回的資料類型。如果不指定，jquery 將自動根據 http 包 mime 資訊返回 responsexml 或 responsetext，並作為回呼函數參數傳遞，可用值: "xml": 返回 xml 文檔，可用 jquery 處理。 "html": 返回純文字 html 資訊；包含 script 元素。 "script": 返回純文字 javascript 代碼。不會自動緩衝結果。 "json": 返回 json 資料。 "jsonp": jsonp 格式。使用 jsonp 形式調用函數時，如 "myurl?callback=?" jquery 將自動替換 ? 為正確的函數名，以執行回呼函數。
error	function	(預設: 自動判斷 (xml 或 html)) 請求失敗時將調用此方法。這個方法有三個參數：xmlhttprequest 對象，錯誤資訊，（可能）捕獲的錯誤對象。 function (xmlhttprequest, textstatus, errorthrown) { // 通常情況下textstatus和errorthown只有其中一個有值 this; // the options for this ajax request }
global	boolean	(預設: true) 是否觸發全域 ajax 事件。設定為 false 將不會觸發全域 ajax 事件，如 ajaxstart 或 ajaxstop 。可用於控制不同的ajax事件
ifmodified	boolean	(預設: false) 僅在伺服器資料改變時擷取新資料。使用 http 包 last-modified 頭資訊判斷。
processdata	boolean	(預設: true) 預設情況下，發送的資料將被轉換為對象(技術上講並非字串) 以配合預設內容類型 "application/x-www-form-urlencoded"。如果要發送 dom 樹資訊或其它不希望轉換的資訊，請設定為 false。
success	function	請求成功後回呼函數。這個方法有兩個參數：伺服器返回資料，返回狀態 function (data, textstatus) { // data could be xmldoc, jsonobj, html, text, etc... this; // the options for this ajax request }

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 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

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

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

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More