2016-12-19 5 views
0

Я потратил некоторое время на примеры Ajax, посылая переменную на PHP и возвращая другую переменную. Это с другой страницы (how to get variables from php using AJAX), но, похоже, что-то не работает для меня. Я не ошибаюсь, просто никаких действий не происходит. Моя цель - просто отправить некоторые данные на страницу php и вернуть переменные обратно и поместить их в разные DIV.Запрос Ajax не работает

htmlpage.html

<html> 
<head> 
<script> 
    $(document).ready(function() { 
    $("#ajaxButton").click(function() { 
     $.ajax({ 
      url:'phppage.php', 
      data:{username: $('#username').val()}, 
      type:'POST', 
      success: function(data) { 
       $('#result').html(data); 
      } 
     }); 
    }); 
}); 
</script> 
</head> 
<body> 
<input type="text" name="username" id="username"/> 
<input type="button" value="Find" id="ajaxButton"/> 
<div id="result">This should change on click</div> 
</body> 
</html> 

phppage.php

<?php 

$_POST['username']; 
$username = $_POST['username']; 
$result = '<div class="result">' .$username. "</div>"; 
echo $result; 

?> 
+3

Этот код будет, безусловно, приводит к ошибке, так как '$ 'undefined. (Вы забыли включить jQuery.) Проверьте консоль браузера на наличие ошибок. Просто потому, что вы не показываете всплывающее окно, это не означает, что ошибок нет. – David

+2

'Я не ошибаюсь' - вы не смотрите в нужном месте в этом случае –

+0

положите это ->" " между => теги –

ответ

0

Это целые сценарии ваших? Если это так, я думаю, что вы не импортировать JQuery в вашем веб-интерфейсе сценариев

Пожалуйста, добавьте JQuery в вашем коде, например:

<script src="http://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> 
Смежные вопросы