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
}
|