2014年辛星jquery解讀第三節 Ajax，辛星jquery
***************Ajax*********************
1.Ajax是Asynchronous Javascript And XML的簡寫，它指的是非同步Javascript和XML，簡單來說，就是不重新整理整個頁面的情況下來和伺服器端進行資料的互動，並且能夠在網頁上進行顯示。
2.jQuery對Ajax的支援還是比較完善的，它可以讓我們以GET或者POST方式從伺服器讀取資訊，並且顯示它。
3.jQuery通過下面幾個方法對Ajax進行支援。
**************load方法*******************
1.load方法從伺服器載入資料，並且把返回的資料放入被選元素中，文法格式：
$(選取器).load(URL,data,callback);
2.這裡的URL就是我們希望發送資料到的URL地址，data參數是 可選的，它規定與請求一同發送的查詢字串鍵值對的集合，可選的callback參數是load方法完成之後所執行的函數名稱。
3.比如我們後台伺服器以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 "我是辛星";然後我們運行頁面，當我們點擊“查詢”按鈕的時候，發現上面的文本沒有變化，但是“點擊下面按鈕顯示資訊”變成了”我是辛星“，這就是一次簡單的非同步傳輸。
************說明****************
1.當然load還有其他參數，具體的可以參照手冊。
2.還有兩個函數應用也很廣泛，那就是get和post，我們下一節講到。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
