Здравствуйте!
Есть два AJAX-запроса:
function add_users() {
//Получаем то что ввел пользователь
var login = document.getElementById('login').value;
var imya = document.getElementById('imya').value;
var familiya = document.getElementById('familiya').value;
var email = document.getElementById('email').value;
var god = document.getElementById('god').value;
var mesyac = document.getElementById('mesyac').value;
var chislo = document.getElementById('chislo').value;
var pol = document.getElementById('pol').value;
var password = document.getElementById('password').value;
var load1 = document.getElementById('load1');
var answer = document.getElementById('answer');
var answer2 = document.getElementById('answer2');
//То что будем отправлять на сервер
var parameter = 'login='+login+'&imya='+imya+'&familiya='+familiya+'&email='+email+'&god='+god+'&mesyac='+mesyac+'&chislo='+chislo+'&pol='+pol+'&password='+password;
//Показываем загрузку
answer.innerHTML = load1.innerHTML;
//Соединяемся с аяксом
var network = createRequestObject();
//Тут мы выбираем метод отправки формы и куда отправляем
network.open("POST","regis_users.php",true);
//Кодировка формы у меня она windows-1251
network.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset=windows-1251");
//Здесь пишем ответ от сервера то что отправить нам сервер в ответ
network.onreadystatechange = function () {
if(network.readyState == 4) {answer.innerHTML = ''; answer2.innerHTML = network.responseText; }
}
//Отправляем запрос
network.send(parameter);
}
//Подключаемся к аяксу
function createRequestObject() {
try { return new XMLHttpRequest() }
catch(e) {
try { return new ActiveXObject('Msxml2.XMLHTTP') }
catch(e) {
try { return new ActiveXObject('Microsoft.XMLHTTP') }
catch(e) { return null; }
}
}
}
И такой код:
jQuery(document).ready(function($) {
$("#ajax-contact-form").submit(function() {
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "contact.php",
data: str,
success: function(msg) {
if(msg == 'OK') {
result = '<div class="notification_ok">Ваше сообщение было отправлено</div>';
$("#fields").hide();
} else {
result = msg;
}
$('#note').html(result);
}
});
return false;
});
});
Собственно в чём разница, почему в первом есть какие-то соединения и т.д., а во втором всё как-то проще? И что более грамотно и лучше?