Javascript MVC模式弹出窗口

我正在尝试在我的应用程序中实现一个模式，似乎我已经尝试了我发现的几个示例-，而且只是一些示例，似乎我甚至无法让这些示例工作。目前我的第一个观点是

<div>
<div class="col-md-3>">
    <h2>Reports</h2>
    <a href="javascript:void(0);" class="anchorDetail" >Daily Requested Burns</a>
</div>

---

当您调试这个时，它究竟是如何失败的？这是AJAX请求吗？服务器的响应是什么？代码是否在

success

回调中执行？我没有得到响应。它转到AJAX错误函数并向我发出警报“Dynamic content load failed.-Object Object”，我认为必须使用

数据类型：“json”

，这意味着您从服务器返回了一个错误。那是什么错误？（也就是说，

错误

变量中有什么？）能否显示操作/Home/DateSearch？我已经用我的操作更新了我的问题。看看它，我没有一个错误变量。

@section scripts
{

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/bootstrap.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script>
 var TeamDetailPostBackURL = '/Home/DateSearch';
$(function () {
    $(".anchorDetail").click(function () {
        debugger;
        var $buttonClicked = $(this);
        var options = { "backdrop": "static", keyboard: true };
        $.ajax({
            type: "GET",
            url: TeamDetailPostBackURL,
            datatype: "json",
            success: function () {
                debugger;
                $('#myModal').modal(options);
                $('#myModal').modal('show');
            },
            error: function (error) {

                alert("Dynamic content load failed. - " + error );
            }
        });
    });

    $("#closbtn").click(function () {
        $('#myModal').modal('hide');
    });
});

</script>

}

 <div class="container">
    <div class="row">
        <div id='myModal' class='modal'>
            <div class="modal-dialog">
                <div class="modal-content">
                    <div id='myModalContent'>
                        <div class="col-md-12">
                               <div class="modal-header">
                                                <button type="button" class="close" data-dissmiss="modal" aria-hidden="true">&times;</button>
                                                <h4 class="modal-title" id="myModalLabel">Daily Requested Burns Date Search</h4>
                               </div>

                               <hr />
                               <div class="modal-body">
                                    <div class="form-horizontal">
                                          <div class="form-group">
                                                @Html.LabelFor(model => model.BurnStartDate, new { @class = "control-label col-md-2" })
                                                <div class="col-md-10">
                                                     @Html.EditorFor(model => model.BurnStartDate, new { @id = "BurnStartDate" })
                                                     @Html.ValidationMessageFor(model => model.BurnStartDate)
                                                 </div>
                                           </div>
                                           <div class="form-group">
                                                      @Html.LabelFor(model => model.BurnEndDate, new { @class = "control-label col-md-2" })
                                                 <div class="col-md-10">
                                                       @Html.EditorFor(model => model.BurnEndDate, new { @id = "BurnEndDate" })
                                                       @Html.ValidationMessageFor(model => model.BurnEndDate)
                                                 </div>
                                           </div>
                                    </div>
                              </div>
                              <div class="modal-footer">
                                   <button id="btnSubmit" name="Command" value="Submit" class="btn btn-sm btn-primary"><i class="glyphicon glyphicons-camp-fire"></i>&nbsp;Submit</button>
                                   <button id="btnClose" class="btn btn-sm btn-primary" data-dissmiss="modal">Close</button>
                              </div>
                       </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

   public ActionResult DataSearch()
    {
        //Render the partial view to be loaded in the modal dialog
        RequestedBurn requestedBurn = new RequestedBurn();
        requestedBurn.BurnStartDate = DateTime.Now;
        requestedBurn.BurnEndDate = DateTime.Now;

        return PartialView("_DateSearch", requestedBurn);
    }

    [HttpPost]
    public ActionResult DateSearch(FormCollection form)
    {
        // Process the post back data from the view
        string startDate = form["BurnStartDate"].ToString();
        string endDate = form["BurnEndDate"].ToString();
        //return View("DailyBurns");

        return RedirectToAction("DailyBurns", "RequestedBurns", new { startDate = startDate, endDate = endDate });
    }