Почему не срабатывает ajax запрос?

Question

[Jony1337]

Привет

$( document ).ready(function() {
    $("#btn").click(
		function(){			

			sendAjaxForm('result_form', 'form1', 'ajax6.php');

			return false; 
		}
	);
}); 
function sendAjaxForm(result_form, ajax_form, url) {
    jQuery.ajax({
        url:     url, 
        type:     "POST", 
        dataType: "html", 
        data: jQuery("#"+ajax_form).serialize(),  
		beforeSend: function() {
document.write('<center><img src=\'load2.gif\' </center>')
return true;
    },
success: function(html){  
    $("#result_form").html(html);  

        
    	},
    	error: function(response) { 
    		document.getElementById(result_form).innerHTML = "Error.";
    	}
 	});
}

и появляется load2.gif на экране а ajax запрос не выполняется .

Answer 1

[Вячеслав]

Сложно так диагностировать, но есть подозрение, что ваше

beforeSend: function() {
document.write('<center><img src=\'load2.gif\' </center>')
return true;
    },

затирает весь ваш html, и потом в success функции ajax-запроса никакой #result_form уже нет

Comments

[Jony1337]

так и есть , почему так происходит ?

[Вячеслав]

Jony1337: потому что не стоит использовать document.write для этих целей? =)
чаще делают что-то вроде такого:
в html (в месте, где должен появиться лоадер) вставляем


в css делаем его невидимым по умолчанию
.loader {
display:none;
}
и в js, в вашем beforeSend, вы делаете так:
$('.loader').show();
а в success - так:
$('.loader').hide();

[Вячеслав]

парсер съел: в html вставляем <div class="loader"><img="load2.gif"/></div>