使用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 
     }