zoukankan      html  css  js  c++  java
  • MVC中的Ajax无刷新表单

    一、无刷新表单

    1、前台页面,首先得引用两个JS文件

    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

    2、放在一个div中,UpdateTargetId:需要更新到哪个地方,这里是更新到 id="result"的div中,Url:需要执行哪个控制器中的Action

    <div>
    @using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId="result",Url=Url.Action("result")}))
    {
       @Html.EditorFor(p=>p)
       <input type="submit" value="提交" />
    }
    </div>

    <div id="result"></div>

    3、后台可以返回Content、JSon.....

    如:

    public string result(Person person)
    {
        JavaScriptSerializer s = new JavaScriptSerializer();
        return s.Serialize(person);
    }

  • 相关阅读:
    元素查找
    合并果子 2004年NOIP全国联赛普及组
    队列练习1,2,3
    山峰
    栈练习1,2,3
    天使之城
    括号序列
    布尔表达式
    逆波兰表达式
    旅行家的预算 1999年NOIP全国联赛普及组NOIP全国联赛提高组
  • 原文地址:https://www.cnblogs.com/tianxinbest/p/2877897.html
Copyright © 2011-2022 走看看