单击asp.net mvc或jquery中的按钮时如何创建新表单？答案

【问题标题】：How to create new form when clicking button in asp.net mvc or jquery?单击asp.net mvc或jquery中的按钮时如何创建新表单？
【发布时间】：2020-08-17 11:47:59
【问题描述】：

我有一张卡片，我想做的是，当用户单击（创建课程）按钮时，它必须生成新的内容（asp.net mvc）或为空的仪表板。我对此有一些想法。让我在下面分享；

<div class="row">
    <div class="col-xs-3 ml-auto">
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
            Start New Course
        </button>
    </div>
</div>


<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Start New Course</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="form-group">
                <label for="CourseName" class="col-sm-2 col-form-label">CourseName:</label>
                <div class="col-sm-6">
                    @Html.EditorFor(model => model.CourseName, new { htmlAttributes = new { @class = "form-control", autofocus = "autofocus", placeholder = "CourseName" } })

                </div>


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary">Create Course</button>
            </div>
        </div>
    </div>
</div>

// Jquery
<a class="btn btn-large btn-success" id="fire" href="/Controller/Courses.chtml#">Create Courses</a>

$('#fire').on('click', function (e) {

     // dont know what to put here....?

})

我不知道我的逻辑是否错误，需要一些想法。这意味着当我从模态表单中单击创建按钮时我想要什么，它必须将我带到新内容（asp.net mvc）。沿着这条线的东西

【问题讨论】：

标签： c# jquery asp.net-mvc bootstrap-modal

【解决方案1】：

更改href值，替换ActionResultName和ControllerName，见下：

<a class="btn btn-large btn-success" id="fire" href="@Url.Action("ActionResultName","ControllerName")">Create Courses</a>

【讨论】：

@我收到错误/应用程序。这是我的路由页面， // 路由到课程。 routes.MapRoute( name:"Courses", url:"courses-registration/", 默认值: new {controller="Home", action="Courses-Registration", url=UrlParameter.Optional} );
删除操作上的破折号（'-'），所以它应该是 CoursesRegistration，同时更新来自 HomeController 的操作。更新：routes.MapRoute（名称：“Courses”，url：“{controller}/{action}/{id}”，默认值：new { controller = “Home”，action = “CoursesRegistration”，id = UrlParameter.Optional } );