2014年辛星jquery解讀第三節 Ajax

來源:互聯網
上載者:User

標籤: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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.