使用JavaScript添加部分视图

Question

当我点击按钮时，我希望在页面上添加一个“View_Name”的新副本。我该如何使用JavaScript实现这一点？以下是页面的初始外观。

<fieldset>
 <legend>Some Form</legend>

@{ Html.RenderPartial("Partiale"); }
<input type="button" value="Add new Item" />
</fieldset

- user751651

---

您可以使用ajax加载视图。 - Jasen

你能发布你的模型和控制器动作吗？ - ataravati

控制器目前只返回上述视图，没有模型。该视图目前仅为HTML。 - user751651

Answer 1

以下是示例：

HTML：

<fieldset>
 <legend>Some Form</legend>

<div id="divPartial">
</div>

<input type="button" id="mybutton" value="Add new Item" />
</fieldset> 

Jquery:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script>
    $(document).ready(function () {

            $("#mybutton").click(function () {

                var url = "/Item/FilteredItemGallery/"; 

                $.ajax({
                    url: url,
                    cache: false,
                    type: "POST",
                    success: function (data) {


                        $('#divPartial').html(data);
                        /* little fade in effect */
                        $('#divPartial').fadeIn('fast');

                    },
                    error: function (reponse) {
                        alert("error : " + reponse);
                    }
                });

            });

        });
</script>

控制器操作：

public ActionResult FilteredItemGallery()
        {

            return PartialView("GalleryPartial");//return your partial view here
        }

- chamara

---

为了让它工作，我不得不将$('#divPartial').html(data)更改为$('#divPartial').append(data)。 - user751651