asp.net-mvc - 如何在mvc中单击链接时在同一页面中呈现视图

Question

我有两种看法：

1. 指数
2. 创造

每个视图的内容：

1. 指数

   • “创建”链接
   • 显示数据库表中的记录。

2. 创造

   • 创建新记录并将其保存并返回到索引视图。

当用户单击'Create'链接时，我想在索引视图中显示创建视图。最好的方法是什么？

Answer 1

您可以使用 jQueryload()函数。您需要将您的更改Create View为PartalView.

然后在你Index View身上你需要这样的东西：

<a href="#" class="Create">Create</a>

<div class="divForCreate"></div>

<script>
$('.Create').click(function() {
  $('.divForCreate').Load('@Url.Action("Create", "Home", new {id = Model.id})')
});
</script>

Answer 2

您的需求也可以使用 $.ajax() 来实现，这比简单地使用 load() 稍微复杂一些，但是当您的数据来自不同的域时可以轻松应用。例如，

<input type="submit" value="create" onclick="create();"/>
<div id="bottom_row"></div>
<script>
function create(){
    //you can get your paramters like this.
    var link_head = $("#link_head").val();
    $.ajax({
        type : "get",
        async:false,
        url : "http://yourIP:port/path to method.action?paramters,
        dataType : "jsonp",
            jsonp: "callbackparam",
            jsonpCallback:"success_jsonpCallback",
            success : function(json){
                 if(json.Status){
                 location.reload();
                 //your further action here
                 }else{
                     alert("Error");
                 }
            },
            error:function(){
                 alert('fail');
            }
     });
}
</script>