[程式][JQuery] JQuery中的Ajax的基礎運用。提供範例程式下載。－johnnijmp3w@outlook.com

蘇美爾語翻譯

complete：要求完成時履行的函式(豈論結果是success或error)。
                 function (XMLHttpRequest, textStatus) {
                 // the options for this ajax request
                 }

error：要求失敗時履行函式。
           function (xhr, ajaxOptions, thrownError) {
                   //通常ajaxOptions或thrownError只有一個有值
           }
           這個很重要，因為有時候Sever寫好的程式不容易測試，可以透過這個函數把毛病顯示出來。

其他可能比力會用的參數：

success：要求成功時履行函式翻譯
                function (data, textStatus) {
                       // data 可以是 xmlDoc翻譯社 jsonObj, html, text, 但還是要參考datatype

                }

ehco //故意的，你可以測測看。
echo $_POST["Text"];

再來我們在recive.php 有意寫錯程式，若是你沒有加error，會找不出問題翻譯讓你看看有什麼差異。

type：請求方式，POST/GET翻譯

data：傳送至Server的資料，會主動轉為query string的型式，假如是GET請求還會幫翻譯公司附加到URL。可用processData選項制止此主動轉換。物件型式則為一Key/Value pairs。這個典範榜樣程式，是利用serialize()，會把name為sentToBack的表單中的資料傳送出去，型態的部份要看type的設定，一般表單都是用POST或是GET。

url：指定要進行呼喚的位址翻譯

dataType：預期Server傳回的資料類型，如果沒指定，jQuery會按照HTTP MIME Type主動選擇以responseXML或responseText傳入你的success callback。可選的資料類型有：
                  xml：傳回可用jQuery處置的XML
                  html：傳回HTML，包含jQuery會自動幫你處置懲罰的script tags。
                  script：傳回可執行的JavaScript翻譯(script不會被自動cache，除非cache設為true)
                  json：傳回JSON
                  jsonp：在URL加上?callback=?參數，並在Server端配合送回此jsonp callback。
                  text：傳回純文字字串。

在這個號稱 web 2.0 的時代，寫網站，尤其是還用到了大量的 JavaScript，如果與利用者的互動還沒有效到 Ajax 技術的話，似乎是一件很神奇的事，至於 Ajax 是什麼東西？想瞭解的人可以到這裡去看維基百科上的解釋，這篇就專心寫一下 jQuery 中的 Ajax 部份翻譯

程式範例：下載點

這個 PHP 程式很簡單， recive.php它只回應一個index.php傳入的字串，所以華頓翻譯公司們此刻要做的工作就是：按下按鈕後，向 server 端的 index.php向recive.php 發出一個 request，然後把它回應的東西放alert出來。所以我們把 Submit 函式的部份寫成如許：index.php

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script type="text/javascript" src="http://expect7.pixnet.net/blog/post/jquery.js" ></script>
        <script>
         var Submit=function(){
            var URLs="recive.php";

            $.ajax({
                url: URLs翻譯社
                data: $('#sentToBack').serialize(),
                type:"POST",
                dataType:'text',

                success: function(msg){
                    alert(msg);
                }翻譯社

其他更多相幹的資訊：http://api.jquery.com/jQuery.ajax/

接下來編寫PHP：recive.php

beforeSend：發送請求之前可在此點竄XMLHttpRequest物件，如添加header等，你可以在此函式中return flase作廢Ajax request。
                     function (XMLHttpRequest) {
                          // the options for this ajax request
                     }

                 error:function(xhr翻譯社 ajaxOptions, thrownError){
                    alert(xhr.status);
                    alert(thrownError);
                 }
            });

        }
        </script>
    </head>
    <body>
        <form id="sentToBack">
            <input type="text" name="Text"/>
            <input type="button" value="送出" onClick="Submit()"/>
        </form>
    </body>
</html>