ASP.NET MVC2中三种ajax实现方式-原始JavaScript
来源:互联网 发布:运营美工推广招聘 编辑:程序博客网 时间:2024/05/16 03:10
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
Index
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h4>Comments</h4>
<ul id="comments">
</ul>
<%= Html.TextArea("Comment", new{rows=5, cols=50}) %>
<button type="submit" onclick="getMessage()">Add Comment</button>
<span id="indicator" style="display:none"><img src="../../content/load.gif" alt="loading..." /></span>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="headContent" runat="server">
<script type="text/javascript">
function getXmlHttpRequest() {
var xhr;
//check for IE implementation(s)
if (typeof ActiveXObject != 'undefined') {
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
} else if (XMLHttpRequest) {
//this works for Firefox, Safari, Opera
xhr = new XMLHttpRequest();
} else {
alert("对不起,你的浏览器不支持ajax");
}
return xhr;
}
function getMessage() {
//get our xml http request object
var xhr = getXmlHttpRequest();
//prepare the request
xhr.open("GET", "Comment/AddCommentServer?comment=" + document.getElementById("Comment").value, true)
//setup the callback function
xhr.onreadystatechange = function() {
//readyState 4 means we're done
if(xhr.readyState != 4) return;
//populate the page with the result
document.getElementById('comments').innerHTML = document.getElementById('comments').innerHTML + xhr.responseText;
};
//fire our request
xhr.send(null);
}
</script>
</asp:Content>
- ASP.NET MVC2中三种ajax实现方式-原始JavaScript
- ASP.NET MVC2中三种ajax实现方式-使用Jquery
- ASP.NET MVC2中三种ajax实现方式-使用AjaxHelper
- Asp.net MVC2实现分页
- Asp.net MVC2实现分页
- ASP.NET MVC2 Ajax JSON的使用
- asp.net mvc2 ajax 基本调用
- 解决asp.net mvc2中ajax方式返回的页面中的js无法执行的问题
- ASP.NET MVC2 国际化实现方案
- Asp.net MVC2实现后台登录控制
- Asp.net MVC2实现后台登录控制
- ASP.NET 与 Ajax 的实现方式
- ASP.NET 与 Ajax 的实现方式
- ASP.NET 与 AJAX的实现方式
- ASP.NET 与 Ajax 的实现方式
- asp.net MVC2 验证
- asp.net MVC2 验证
- asp.net MVC2 学习
- SQL 函数,关键词总结
- Delphi学习-事件机制
- WinCE中命令行工具Viewbin简介(查看nk.bin中包含的文件)
- Hedge Funds Prefer Bloomberg and BNY ConvergEx OMS
- Java 新For的学习
- ASP.NET MVC2中三种ajax实现方式-原始JavaScript
- QT中的多线程(一)
- Java图像处理技巧四则
- ASP.NET MVC2中三种ajax实现方式-使用Jquery
- QT中的多线程(二)
- 五、Oracle初级学习之权限
- ASP.NET MVC2中三种ajax实现方式-使用AjaxHelper
- Ubuntu安装codesourcery交叉编译器的问题
- Facebook网站所使用的开源软件一览表