程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> C# >> C#入門知識 >> 不依賴JQuery的入門Ajax代碼

不依賴JQuery的入門Ajax代碼

編輯:C#入門知識

今天看了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"+=


下吧,您的支持是我的動力!

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved