Отображение частичного представления после загрузки через Ajax в MVC

Question

Я хочу загрузить данные в фоновом режиме, пока пользователь находится на странице. После загрузки данных я хочу отобразить его, используя частичный вид. Так что я написал это:

var serviceURL = '/Vm/GetInformation'; 
$.ajax({ 
    type: "POST", 
    url: serviceURL, 
    data: param = "", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    data: { "id": id }, 
    //success: resetPartial() 
}); 

В моем контроллере:

public ActionResult GetInformation() 
{ 
    myCode... 
    return PartialView("_List", Costumer); 
} 

Так что это последний шаг, чтобы показать, что _List частичного вида в моем главном экране, который теперь заполнен данными о костюмерах (где мой функция Аякса есть)

Спасибо

Answer 1

Все, что вам нужно сделать, это заменить старое содержание:

success: function(d) { 
//d should be a string that's the HTML markup 
$("#someparentelementthatsurroundsinnercontent").html(d); 
} 

Или вы можете использовать любой из способов добавления содержимого, если вы хотите добавить его в конец списка. JQuery дает немало вариантов для этого.

Answer 2

Ваше действие контроллера не имеет параметров. Таким образом, вы можете удалить приведенные ниже строки из своего вызова ajax.

data: param = "", 
data: { "id": id }, 

Если у вас действительно есть какой-либо параметр идентификатор в своем действии контроллера, использовать его как

data: { id:id } 

ли в DIV в HTML, чтобы держать содержание частичного вида. В случае успеха используйте, как показано ниже:

success : function(result) { 
    $("#partialViewHolder").html(result); 
}