Почему jQuery AJAX выполняется раньше?

Question

[Space]

В этом коде alert в самом низу срабатывает быстрее чем в jQuery ajax. Почему так?

if(whatPathname) {

	    
	    jQuery.ajax({
        type:'POST',
        url:'index.php?option=com_ajax&module=filter_materials&method=getTwitter&format=json',
        data:'pathname=' + whatPathname,//параметры запроса
        success:function (data) {//возвращаемый результат от сервера
					jQuery.each(JSON.parse(data), function(index, item) {
						jQuery.each(item, function(key, value) {
							alert('no');
						})
					})   
        }
    	});

	    alert(jQuery('.allCat p').text());

Answer 1

[Александр Золотых]

Потому что ajax - асинхронный, значит задача запроса поставлена, и код выполняете дальше, в то время как ajax только начинает выполняться.

Чтобы сделать его синхронным надо использовать async: false:

jQuery.ajax({
        type:'POST',
        async: false,
        …

Comments

[Максим]

Ну или лучше поместить алерт в качестве колбэка аякса

[Space]

Максим: а как это сделать?

[Александр Золотых]

Cosmos: jQuery.ajax({
type:'POST',
async: false,
success: alert,
…

[Максим]

Cosmos: Там есть несколько колбэков, на успех, фэйл и завершение(независимо от статуса) аякс-запроса(параметры в передаваемом массиве настроек success, error, complete). Подробнее стоит посмотреть в [документации](api.jquery.com/jquery.ajax/), можно [здесь](ruseller.com/jquery.php?id=11)

[Виталий]

Мог бы и отметить ответ как правильный.

[Space]

Максим: Спасибо!