2012-12-06 15 views
0

Я следил за учебником, чтобы понять, как работает AJAX/PHP, но у меня проблема.AJAX/PHP простой код не работает

Позвольте мне начать с кода.

escalationTest.php:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
</head> 
<body> 
<form> 
<input type="text" id="name" placeholder="Enter Name.." /> <br> 
<input type="text" id="age" placeholder="Enter Name.." /> 
<input type="button" value="Submit" onClick="post();" /> 
</form> 
<div id="result"></div> 

<script type="text/javascript"> 
function post() 
{ 

    var name= $('#name').val(); 
    var age= $('#age').val(); 

    $.post('escalation.php',{postname:name,postage:age}, 
    function(data) 
    { 
      $('#result').html(data); 

    }); 
} 

</script> 


</body> 
</html> 

escalation.php:

<?php 

echo "working"; 

?> 

Я набрал код точно, как его в Тута. Из его вывода, когда я нажимаю кнопку отправки, я должен «работать» в результате div, которого не происходит.

Что я делаю неправильно здесь ..?

Спасибо.

+2

Этот код использует jQuery, который вы не указали на странице. – TheZ

+0

ya, include jquery. – Namal

+0

дерьмо! Я не могу поверить, что я забыл об этом, спасибо, ребята! – greenpool

ответ

1
<script type="text/javascript" src="jquery.min.js"></script> 

Загрузите версию jQuery, а затем ссылку на нее с помощью этого тега скрипта.

Пока вы можете ссылаться на онлайн-версию, это не идеально подходит для конечного производства, и вы обязательно должны получить локальную копию.

1

добавить на следующие строки к головному теге

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
0

Это довольно простое решение проблемы - вам не хватает JQuery. Добавьте следующее:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 

в вашей голове элемент.

Смежные вопросы