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);
    }

  • 相关阅读:
    android git问题File not found: git.exe
    asp.net 连接数据库的问题总结
    asp.net记账本
    asp.net对数据库增删改操作
    asp.net 连接数据库操作
    第九、十周周记
    作业四-兴趣问题清单
    价值观作业
    第七周周记
    第三次作业问卷调查
  • 原文地址:https://www.cnblogs.com/tianxinbest/p/2877897.html
Copyright © 2011-2022 走看看