Преимущество AJAX заключается в том, что вы можете отправлять данные на сервер или получать данные с сервера через HTTP без перезагрузки всей страницы.
Например, если вы публикуете данные в a PHP Скрипт с:
$(function() {
$("#divhide").hide();
$('#info').submit(function() {
$.post('another.php', $(this).serialize(), function(data) {
$("#divhide").html(data).show();
});
return false;
});
Ваш скрипт опубликует данные в PHP и получит некоторый результат в виде переменной data
обратно. JavaScript может принимать много типов данных назад, например, Текст, HTML, JSON и XML. Поэтому, если вы ожидаете HTML назад, вы можете просто добавить его к объекту.
Например, если another.php
имеет следующий код:
<div id="dialog" title="Error">
<p><?php echo "Error : Already X has the value $X"; ?></p>
</div>
Тогда это будет вернитесь в data
и, используя .html()
, мы можем добавить его к элементу.