$("#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
 });