柯佳思吃吃吃

jQuery 將 jQuery.ajax包裝成簡單函式來作 Ajax Request,最簡單的情況下,.ajax() 可以不帶任何參數直接使用。

html :

<table>
 <tr>
 <td height="16" width="7%">input</td>
 <td width="60%"><input name="input" type="text" id="input"/></td> 
 </tr>
 
</table>
 <input type="button" id="sendout" value="submit"style="font-size: 10pt; width: 50px; height: 25px;">
 </br></br>
 <td height="16" ><label id="output" /></td>

 

JQuery :

("#sendout").click(function() {
 ("#input").val();
 alert("true : "+("#input").val()); 
 
 .ajax({
 type :"GET",
 url : "/testServlet/myServlet",
 data : { 
 datafromtestFile : ("#input").val(), 
 },
 dataType: "text",
 success : function(happy) {
 ("#output").html(happy); 
 }
 })
 });

 

參數說明 :

ajax當中的參數:

url(String):指定要進行呼叫的位址。

data(Map):傳送至Server的資料,必須為Key/Value格式,GET請求中將附加在URL後面。

type(String):請求方式,POST/GET。(預設為GET)

dataType(String):預期Server傳回的資料類型,如果沒指定,jQuery會根據HTTP MIME Type自動選擇以responseXML或responseText傳入你的success callback。可選的資料類型有:
           xml:傳回可用jQuery處理的XML。
           html:傳回HTML,包含script tags。
           script:傳回可執行的JavaScript。
           json:傳回JSON。
           jsonp:JSONP 格式。在URL加上?callback=?參數,並在Server端配合送回此jsonp callback。
           text:傳回純文字字串。

success:請求成功時執行函式。
                function (data, textStatus) {
                    // data 可以是 xmlDoc, jsonObj, html, text, 但還是要參考datatype                          
                }

error:請求失敗時執行函式。
           function (xhr, ajaxOptions, thrownError) {
                   //通常ajaxOptions或thrownError只有一個有值
           }
                  

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