《MVC ajax三种方法》.docx

 HYPERLINK /sealzrt/archive/2011/04/17/2018805.html A MVC2中使用Ajax的三种方式 Posted on 2011-04-17 12:36? HYPERLINK /sealzrt/ sealzrt?阅读(132)? HYPERLINK /sealzrt/archive/2011/04/17/2018805.html \l commentform 评论(0)? HYPERLINK /sealzrt/archive/2011/04/17/2018805.html 编辑? HYPERLINK /sealzrt/archive/2011/04/17/2018805.html 收藏? 原文： HYPERLINK /zhuqil/archive/2010/07/18/1780285.html /zhuqil/archive/2010/07/18/1780285.html 在A MVC中，我们能非常方便的使用Ajax。这篇文章将介绍三种Ajax使用的方式，分别为原始的Ajax调用、Jquery、Ajax Helper。分别采用这三种方式结合 mvc去实现一个史上最简单的留言板。 ????首先看一下原始的Ajax的调用的 ???? 定义CommentController，代码如下： public class CommentController : Controller { private IListstring _comments = new Liststring(); public ActionResult Index() { return View(); } public void AddCommentServer() { string comment = Request[comment].ToUpper(); _comments.Add(li + comment + /li); Response.ContentType = text/html; Response.Write(string.Join(\n, _comments.ToArray())); } } ??? 在A MVC中添加一个custom_ajax.js，加入下面使用ajax的脚本代码，调用AddCommentServer方法。 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 were done if(xhr.readyState != 4) return;