1. 程式人生 > >jquery ajax 從後臺獲取資料到介面

jquery ajax 從後臺獲取資料到介面

jquery ajax 從後臺獲取資料到介面

jquery ajax從後臺獲取

 從把需要傳的元素按照格式什麼,如下例子中的yesNum,noNum,然後通過response.getWriter().write()傳值到前端

  StringBuffer xmlResult = newStringBuffer();
  xmlResult.append("<root>");
  xmlResult.append("<yesNum>"+yesNum + "</yesNum>");
  xmlResult.append("<noNum>"+ noNum + "</noNum>");
  xmlResult.append("</root>");
  
  response.getWriter().write(xmlResult.toString());

js中申明 $.ajax在後面url中輸入請求路徑。在success紅的data為反調函式中獲取的返回的data物件

通過each遍歷xml並通過$(this).children("yesNum").text();  獲取到返回的值    
var a,b;

$.ajax({
    async :false,

    cache: false,     type:'POST',     dataType: "xml",
    url:"ac14Action.do?method=getStauts",//請求的action路徑
    error:function () {//請求失敗處理函式
     alert('請求失敗');
    },
    success:function(data){ //請求成功後處理函式。
     $(data).find("root").each(function(){                           
             varprovinceId=$(this).children("yesNum").text();      
             var provinceName=$(this).children("noNum").text();
             a=provinceId;
             b=provinceName;
             a=parseInt(a);
             b=parseInt(b);
             });
       
    }
  });

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
         }