$("#loginname").tips和jQuery中 的ajax

jquery tips 提示插件 jquery.tips.js v0.1beta;
  使用方法

  $(“#loginname”).tips({   //#loginname爲jquery的id選擇器

  msg:‘your messages!‘,    //你的提示消息  必填
  side:1,  //提示窗顯示位置  1,2,3,4 分別代表 上右下左 默認爲1(上) 可選
  color:‘#FFF‘, //提示文字色 默認爲白色 可選
  bg:‘#F00‘,//提示窗背景色 默認爲紅色 可選
  time:2,//自動關閉時間 默認2秒 設置0則不自動關閉 可選
  x:0,//橫向偏移  正數向右偏移 負數向左偏移 默認爲0 可選
  y:0,//縱向偏移  正數向下偏移 負數向上偏移 默認爲0 可選
   })

回調函數

如果要處理$.ajax()得到的數據,則需要使用回調函數。beforeSend、error、dataFilter、success、complete。

  • beforeSend 在發送請求之前調用,並且傳入一個XMLHttpRequest作爲參數。
  • error 在請求出錯時調用。傳入XMLHttpRequest對象,描述錯誤類型的字符串以及一個異常對象(如果有的話)
  • dataFilter 在請求成功之後調用。傳入返回的數據以及"dataType"參數的值。並且必須返回新的數據(可能是處理過的)傳遞給success回調函數。
  • success 當請求之後調用。傳入返回後的數據,以及包含成功代碼的字符串。
  • complete 當請求完成之後調用這個函數,無論成功或失敗。傳入XMLHttpRequest對象,以及一個包含成功或錯誤代碼的字符串。

context Object

這個對象用於設置Ajax相關回調函數的上下文。也就是說,讓回調函數內this指向這個對象(如果不設定這個參數,那麼this就指向調用本次AJAX請求時傳遞的options參數)。比如指定一個DOM元素作爲context參數,這樣就設置了success回調函數的上下文爲這個DOM元素。就像這樣:

$.ajax({ 
 url: "test.html",
 context: document.body,
 success: function(){
    $(this).addClass("done");
}});

success(data, textStatus, jqXHR) Function,Array

請求成功後的回調函數。參數:由服務器返回,並根據dataType參數進行處理後的數據;描述狀態的字符串。還有 jqXHR(在jQuery 1.4.x的中,XMLHttpRequest) 對象 。在jQuery 1.5, 成功設置可以接受一個函數數組。每個函數將被依次調用。

traditional Boolean

如果你想要用傳統的方式來序列化數據,那麼就設置爲true。請參考工具分類下面的jQuery.param 方法。

timeout Number

設置請求超時時間(毫秒)。此設置將覆蓋全局設置。

type String

(默認: "GET") 請求方式 ("POST" 或 "GET"), 默認爲 "GET"。注意:其它 HTTP 請求方法,如 PUT 和 DELETE 也可以使用,但僅部分瀏覽器支持。

url String

(默認: 當前頁地址) 發送請求的地址。

username String

用於響應HTTP訪問認證請求的用戶名

xhr Function

需要返回一個XMLHttpRequest 對象。默認在IE下是ActiveXObject 而其他情況下是XMLHttpRequest 。用於重寫或者提供一個增強的XMLHttpRequest 對象。這個參數在jQuery 1.3以前不可用。

xhr FieldsmapV1.5

一對“文件名-文件值”在本機設置XHR對象。例如,如果需要的話,你可以用它來設置withCredentials爲true的跨域請求。


示例

描述:

加載並執行一個 JS 文件。

jQuery 代碼:
$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
});

描述:

保存數據到服務器,成功時顯示信息。

jQuery 代碼:
$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

描述:

裝入一個 HTML 網頁最新版本。

jQuery 代碼:
$.ajax({
  url: "test.html",
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});

描述:

同步加載數據。發送請求時鎖住瀏覽器。需要鎖定用戶交互操作時使用同步方式。

jQuery 代碼:
 var html = $.ajax({
  url: "some.php",
  async: false
 }).responseText;

描述:

發送 XML 數據至服務器。設置 processData 選項爲 false,防止自動轉換數據格式。

jQuery 代碼:
 var xmlDocument = [create xml document];
 $.ajax({
   url: "page.php",
   processData: false,
   data: xmlDocument,
   success: handleResponse
 });

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章