HTML5 ответ на запрос вебсервис

Question

Я довольно новыми для веб-разработки html5

Я создал страницу с логином и паролем на него и иметь кнопку отправки. На представить, я посылаю запрос остальное на сервер, который имеет URL

RRQUEST то вроде этого

<USERNAME> 
abc 
</USERNAME> 
<PASSWORD>loooik 
</PASSWORD> 

, который находится в JS-файла в качестве данных вар ...

Этот запрос устанавливается как

var parameters=JSON.stringify(data); 

Я использую следующий код для установления соединения

xmlHttp.open("post",url,true); 
XmlHttp.setRequestHeader("Content-type","application/json); 
xmlHttp.send(parameters); 
xmlHttp.onreadystatechange=function X() 
{ 
if(xmlHttp.readyState==4) 
{ 
alert(xmlHttp.responseText); 
} 
} 
return true; 
} 

Мне нужно добавить элемент загрузки и отобразить следующий экран между запросом и ответом. Как я могу это достичь? Метод

В теге я использовал представить тип входа, где OnClick атрибут вызовов возвращает sendPost(), который имеет просьбу назвать

Как я должен перейти на тот же ..., имеющий экран загрузки и получение ответа. .. предположим, что только имя будет отображаться на следующем экране html

Answer 1

Прежде всего, см. пример основного jQuery. Это поможет вам понять, как работает jQuery и помогает в решении, которое я собираюсь предложить.

http://learn.jquery.com/about-jquery/how-jquery-works/

JQuery имеет собственный метод AJAX и далее сокращенная называется $.post

Теперь вы можете написать что-то вроде этого -

function requestNetwork() { 
    // Code for loading screen 
    $.ajax({ 
     url: "yourURL", 
     data: "yourData" 
    }).done(function(data) { 
     alert(xmlHttp.responseText); 
     // Code for dismissing loading screen 
    }).fail(function(data) { 
     // Code when call fails 
    }).always(function() { 
     // This code will always run 
    }); 
}