Вы можете использовать jQuery's $.get()
или $.ajax()
.
Поместите некоторые html-элементы (<div class='myclass'>
)
<div id='container>
<div class='myclass' my-ajax-url='@Model.urlForWhatever' my-url-param='@Model.foo'>
</div>
<div class='myclass' my-ajax-url='@Model.urlForWhatever2' my-url-param='@Model.bar'>
</div>
</div>
и добавьте что-то вроде:
$(document).ready(function () {
var elems = $('.myclass').each(function () {
// Perform Ajax call and render the output (contained in response)
// the element is referreable using $(this) in the each function, so you can swap
// its content via $(this).html().
var url=$(this).attr('my-ajax-url') + '¶m=' + $(this).attr('my-url-param');
$.get(url, function(data) {
$(this).html(data);
});
});
});
Ajax-помощник хорош, но я нашел его несколько ограниченнымтакие вещи.Я предпочитаю хранить данные внутри элементов DOM, а затем использовать jQuery для создания URL-адресов (этот фрагмент кода упрощен, ни один из них не добавил бы значение & name =, не проверив его сначала)
PS: писать это, не имеяшанс проверить это, но должен хотя бы дать представление о том, как это сделать.