ASP.Net MVC中操作Ajax的简单例子

View中的代码:

用System.Web.Mvc.AjaxHelper对象生成Ajax表单,方法BeginForm的第一个参数为Action名称，第二个参数是一个AjaxOptions对象，

UpdateTargetId的的值是要更新的html标签的Id,即这个页面上的span，将来在异步请求Action的时候，如果返回的是字符串，那么span标签

中的内容将变成返回的字符串。

 

<% using(Ajax.BeginForm("UpdateForm", new AjaxOptions{UpdateTargetId="UpdateText"})) {%>
                 <input type="text" name="test" />  
      <input type="submit" value="提交"/><br />
      <span id="updateText">Nothing Entered</span>
    <% } %>

 

Controller中的代码:

 

        public string UpdateForm(string test)
        {            
            return "成功请求了Controller!!"+test;
        }
  

最后别忘了在页面上要引用两个js脚本

MicrosoftAjax.js和MicrosoftMvcAjax.js ,异步请求全靠这两个脚本了

个人感觉和WebForm的UpdatePanel一样方便，但是效率高了很多，毕竟UpdatePanel是依靠了保存页面控件的视图状态来实现无刷新页面的

而MVC框架中的这种异步提交方式是纯js代码来实现，在最后生成的html代码可以明显的看到

无需写任何js脚本就能实现异步的提交，对于简单的ajax操作还是相当方便的

头一次写随笔，文笔不好，主要目的就是和大家共同交流进步

此文章希望能给刚接触MVC框架的朋友些一点小小的帮助