Скрипты ASP.Net

В качестве скриптов asp.net можно использовать технологию AJAX (Asynchronous Javascript and XML — «асинхронный JavaScript и XML») — подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся быстрее и удобнее.

Также популярны и технология JSON(JavaScript Object Notation) — текстовый формат обмена данными, основанный на JavaScript и обычно используемый именно с этим языком. Как и многие другие текстовые форматы, JSON легко читается людьми. Несмотря на происхождение от JavaScript, формат считается языконезависимым и может использоваться практически с любым языком программирования. Для многих языков существует готовый код для создания и обработки данных в формате JSON.

Пример:

@model MvcApplication1.Models.ViewModels.ShoppingCartViewModel

@{

ViewBag.Title = "Shopping Cart";

}

<script src="/Scripts/jquery-1.7.1.min.js"

type="text/javascript"></script>

<script type="text/javascript">

$(function () {

// Document.ready -> link up remove event handler

$(".RemoveLink").click(function () {

// Get the id from the link

var recordToDelete = $(this).attr("data-id");

if (recordToDelete!= '') {

// Perform the ajax post

$.post("/Cart/RemoveFromCart", {"id": recordToDelete },

function (data) {

// Successful requests get here

// Update the page elements

if (data.ItemCount == 0) {

$('#row-' + data.DeleteId).fadeOut('slow');

} else {

$('#item-count-' + data.DeleteId).text(data.ItemCount);

}

$('#cart-total').text(data.CartTotal);

$('#update-message').text(data.Message);

$('#cart-status').text('[ Корзина: ' + data.CartCount + ' | '+ data.CartTotal + ' ]');

});

}

});

});

</script>

<h3>

<em>Review</em> your cart:

</h3>

<p class="button">

@Html.ActionLink("Checkout>>", "AddressAndPayment", "Cash")

</p>

<div id="update-message">

</div>

<table>

<tr>

<th>Album Name</th>

<th>Price (each) </th>

<th>Quantity</th>

<th></th>

</tr>

@foreach (var item in

Model.CartItems)

{

<tr id="[email protected]">

<td> @Html.ActionLink(item.Album.Title,

"Details", "Store", new { id = item.AlbumId }, null) </td>

<td> @item.Album.Price</td>

<td id="[email protected]"> @item.Count</td>

<td><a href="#" class="RemoveLink" data-id="@item.RecordId">Remove from cart</a></td>

</tr>

}

<tr>

<td>Total </td>

<td></td>

<td></td>

<td id="cart-total">@Model.CartTotal</td>

</tr>

</table>