標籤:and 地址 方法 callback get 簡單的 text host click
***************Ajax*********************
1.Ajax是Asynchronous Javascript And XML的簡寫,它指的是非同步Javascript和XML。簡單來說,就是不重新整理整個頁面的情況下來和server端進行資料的互動,而且可以在網頁上進行顯示。
2.jQuery對Ajax的支援還是比較完好的。它能夠讓我們以GET或者POST方式從server讀取資訊,而且顯示它。
3.jQuery通過以下幾個方法對Ajax進行支援。
**************load方法*******************
1.load方法從server載入資料。而且把返回的資料放入被選元素中。文法格式:
$(選取器).load(URL,data,callback);
2.這裡的URL就是我們希望發送資料到的URL地址,data參數是 可選的,它規定與請求一同發送的查詢字串鍵值對的集合。可選的callback參數是load方法完畢之後所啟動並執行函數名稱。
3.比方我們後台server以php為例,我們先寫一個前台的html檔案,代碼例如以下:
<html><head><script src = "jquery.js"></script><script type="text/javascript">$(document).ready(function(){$("button").click(function(){$("#msg").load("http://localhost/a.php");});});</script></head><p>該段文本不會被重新整理</p><p id= "msg">點擊以下按鈕顯示資訊</p><button>查詢</button></html>然後我們還須要在www檔案夾或者htdocs檔案夾下建立一個a.php檔案,它的內容例如以下:
<?phpecho "我是辛星";
然後我們執行頁面。當我們點擊“查詢”button的時候,發現上面的文本沒有變化,可是“點擊以下button顯示資訊”變成了”我是辛星“,這就是一次簡單的非同步傳輸。
************說明****************
1.當然load還有其它參數。詳細的能夠參照手冊。
2.還有兩個函數應用也非常廣泛。那就是get和post,我們下一節講到。
2014年辛星jquery解讀第三節 Ajax