今天看了head first ajax這本書裡ajax的實例,講的很好,這本書覺著很不錯,推薦下。
Ajax (Asynchronous Javascript and XML)即異步Javascript和XML,但不定非要使用js和xml才能稱為Ajax,簡單說,Ajax是設計和構建web頁面的一種方法,使之像桌面應用一樣具有響應性和交互性,而其中的異步就是指浏覽器像服務器發出請求而無需用戶等待響應。
創建一個Ajax的簡單代碼 要分以下幾步走(本實例是使用MVC4 +VS2013 創建的):
1、創建View頁面,即html頁面
2、初始化頁面
3、創建請求對象
4、服務端響應請求代碼
5、顯示到界面
下面開始 逐一介紹,使用vs創建mvc4空項目。
1、創建view頁面
在視圖文件夾添加Index.cshtml,輸入如下html代碼,div是用來顯示新聞列表的,button按鈕用來觸發Ajax事件
window.onload = btn = document.getElementById("btnNews"=
= XMLHttpRequest(); = ActiveXObject("MSxml2:XMLHTTP"); = ActiveXObject("Microsoft:XMLHTTP"); =
request = newsCount = 0 (document.getElementsByTagName("li") != = document.getElementsByTagName("li" url = "default/GetNews?newsid=" +"GET", url, = displayNews; request.send(
GetNews( responseText = ( i = ; i <= ; i+++= .Format(, i ++=
(request.readyState == 4) (request.status == 200) divNews = document.getElementById("newsList"+=
下吧,您的支持是我的動力!