Question

这是场景。我有两种看法。带有两个不同控制器的“ contact.cshtml”和“ xyz.cshtml”。

在contact.cshtml页面上，我有文本字段和一个按钮。一旦用户完成了文本字段，在“下一步”按钮上单击，它应该转到控制器操作。（这是我使用jquery ajax发布实现的）。第二个控制器操作将返回部分视图（xyz.cshtml）。但是我需要它作为contact.cshtml中的模式弹出窗口/窗口，而无需重新加载页面。

我希望xyz.cshtml作为contact.cshtml的模式。

任何答案都会受到赞赏和赞成。

contact.cshtml

<button type="button" onclick="next()" class="btn>next</button>`

function next(){
  $.post('secondcontroller/abcaction', {})
    .done(function() {})
    .fail(function(){})
}

第二个控制器

public ActionResult abcaction()   
{
  return View("xyz.cshtml");
}

xyz.cshtml第二个控制器abcaction视图

<div class="content">I'm partial view</div>

Answer 1

假定您正在使用引用为https://github.com/projectkudu/kudu/wiki/Deploying-inplace-and-without-repository的引导程序模态，则对于模态数据您将有一个空的div。然后，您可以在该模式内传递从AJAX收到的响应并触发它以显示。

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          //placeholder for my modal data
    </div>

和您的ajax函数

function next(){
  $.post('secondcontroller/abcaction', function(response){
      $("#myModal").html(response);
  })
    .done(function() {$("#myModal").modal("show");})
    .fail(function(){})
}

在不同视图中以模态打开视图

1 个答案: