DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> jq的ajax的簡單使用介紹
jq的ajax的簡單使用介紹
編輯:JQuery常見問題     
一、load()

  這是最簡單的一個函數,傳入一個url他會異步加載該url的內容,然後將內容插入每一個選中的元素中,替換掉其中已經存在的內容。

  所以最簡單的用法是:
$("#myDiv").load("htmltest.html");

當然這裡的url不是只有html的,像什麼txt、php之類的都是可以的。

  如果不是想加載整個文檔的話可以在url後面加上一個jquery選擇器,類似“xxx.html #aaa”

  另外load其實還有兩個可選的參數,第一個是數據(類似於是調用了post),第三個可選參數是回調函數。

  這樣一個完整的load可以是這樣

$().load("xxxx.html","val=yyyy",function(){})

二、$.get和$.post

  這兩個函數的區別是一個使用的是get方式另一個用的是post方式,函數的主要使用方式就是三個參數(url,數據,回調函數),這個在於後台交  互用的比較多。

三、$.ajax()

  這個才是jquery中ajax的始祖,上面列的幾個以及一些我沒有列出來的都是這個的簡化版本,當然簡化的代價就是適用性降低,這個函數則可以達  到最佳的靈活性。

  在這個函數中對與那些函數的實現是通過選項實現的,大概形式是這樣的:

$.ajax({
type:"GET",
url:url,
data:data
});

現在我們具體看一些常用的選項:

  1、type:指定http的請求方法,默認是“GET”,還有“POST”可選,當然另外也存在一些諸如:DELETE“的不常用的選項

  2、url:要使用的url

  3、data:要發送的數據,可以是字符串或者對象,通常會吧對象轉化成字符串

  4、dataType:制定相應數據的預期類型

  5、contentType:指定請求的HTTP Content-Type頭,默認是”application/x-www-form-urlencoded“在將type設置為”post“想發送村文本或xml  文檔時,需要設置

  6、timeout:超時時間,查過了這個時間請求失敗調用error,默認值為0表示除非成功否則永遠不取消

  7、cache:用於禁止浏覽器緩存(好像只有get有用。。。)

  8、isModified:記錄是否修改,沒有修改服務器會返回304

  9、beforeSend:顧名思義就是在發送之前可以定義的函數

  10、success:成功時調用的函數

  11、error:失敗時調用的函數

另外這些所有的jquery ajax函數都提供了success和error的函數

調用大概形式是$().get().error().success()
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved