AJAX: различия между версиями

Содержимое удалено Содержимое добавлено
→‎AJAX в действии: Форматирование
ну, допустим, не везде здесь был Javascript…
Строка 28:
Если вы когда-либо пользовались веб-клиентом [[w:Gmail|Gmail]] или [[w:Google Maps|Google Maps]], то замечали возможность проверки правописания и прокрутки по всему изображению, соответственно, без обновления страниц. AJAX — это технология, обрабатывающая операции в [[w:JavaScript|JavaScript]] и асинхронно запускающая операции серверной стороны, предоставляющие желаемый результат.
 
В основе технологии AJAX лежит объект [[JavaScriptw:XMLHttpRequest|XMLHttpRequest]] <source lang="javascript">XMLHttpRequest</source>. Изначально он появился в [[w:Internet Explorer|Internet Explorer]], а затем — в [[w:Mozilla|Mozilla]]/[[w:Safari|Safari]]. На момент написания этой статьи уже была поставлена 8-я совместимая версия [[w:Opera|Opera]]. Однако, Opera в свое время отличилась нестабильностью с точки зрения реализации XMLHttpRequest.
 
== AJAX в действии ==
Строка 37:
Чтобы получить доступ к содержимому сообщения, нужен серверный компонент, предоставляющий доступ к сообщениям. В нашем примере есть тривиальный сервлет в качестве имитатора, который показывает сообщения через точку с запятой в следующей последовательности: от кого, тема, дата и тело сообщения:
 
<source lang="javascript"java5>@Override
protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
if ("1".equals(req.getParameter("message_id"))) {
Строка 54:
чтобы убедить читателей, что для работы с AJAX не важно на каком языке написана ваша серверная часть.
 
<source lang="javascript"csharp>public class service: System.Web.UI.Page
{
private void Page_Load(object sender, System.EventArgs e)
Строка 89:
 
В этом случае события «onMouseOver» прилагаются к полям таблицы (ПТ) с именами отправителей. Выбор полей с данными и запуск событий для вызовов AJAX предназначены строго для иллюстративных целей:
<source lang="javascript"html4strict>
<form name="inbox">
<table style="previewTable">
<thead id="tableHeader">
Строка 235 ⟶ 236 :
 
Переключаем Default.aspx на Source View и заключаем элемент <asp:Image> в элемент <a>:
<source lang="javascript"html4strict><a href="" id="BookURL">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/harrypotter.jpg" />
</a></source>
Строка 296 ⟶ 297 :
 
Возврат результата проводится с помощью переменной результата в функции CallBackHandler(). Он может выглядеть следующим образом (два URL в данной строке отделяются запятой, первый указывает на книжную обложку, а второй — на непосредственно книгу с Amazon.com):<br />
<tt><nowiki>http://images.amazon.com/images/P/0374292884.01.MZZZZZZZ.jpg</nowiki></tt>,<br />
<tt><nowiki>http://www.amazon.com/exec/obidos/ASIN/0374292884/xxxx?devt=04Q4HFNSENYJ711BK2G2%26camp=2025 %26link_code=sp1</nowiki></tt>
 
После этого проводится синтаксический анализ результата и он отображается в элементах управления страницы.
Строка 307 ⟶ 308 :
=== Код вне формы ===
Сначала необходимо создать ссылку на веб-службу Amazon.com. Для этого правой клавишей мыши щелкнем на имени проекта в Solution Explorer, а затем выберем Add Web Referencе. Введите следующий URL, указывающий на размещение WSDL в рамках веб-службы Amazon, нажмите Go:<br />
<tt><nowiki>http://soap.amazon.com/schemas3/AmazonWebServices.wsdl</nowiki></tt>
 
Используйте имя по умолчанию com.amazon.soap, затем щелкните на Add Reference.