Добавление частичного представления с javascript

Question

Когда я нажимаю кнопку, я хочу, чтобы на страницу была добавлена ​​новая копия «View_Name». Как мне это сделать в javascipt? Ниже приведена страница, с которой начинается эта страница.

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

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

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 
     }