Реферат: Скрипты 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=«row-@item.RecordId»>

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

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

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

<td id=«item-count-@item.RecordId»> @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>