Форма не печатает ничего

Я попытался изо всех сил реплицировать файлы, чтобы пользователь мог видеть сообщение, отображаемое при вводе информации в текстовые поля пользователя и пароля. Однако отображение сообщений не происходит.Форма не печатает ничего

Вот мой ajax.html файл:

<html> 
<head> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#button").click(function(){ 
     var sendu = $("#username").val(); 
     var sendp = $("#pw").val(); 
     $.ajax({ 
      type: "POST", 
      url: "ajax.php", 
      data: "username="+sendu+"&password="+sendp, 
      dataType: "json", 
      success: function(msg, string, jqXHR){ 
        $("#result").html(msg+string+jqXHR); 
       } 
      }); 

    }); 
}); 


</script> 
</head> 
<body> 
<input type="text" id="username" name="username" /><br /> 
<input type="password" id="pw" name="pw" /><p> 
<input type="button" id="button" value="Submit" /> 
<p><div id="result"></div> 
</body> 
</html>

Вот мой ajax.php файл:

<?php 

$name = $_REQUEST["username"]; 
$pw = $_REQUEST["pw"]; 

$list = array('name'=>$name, 'password'=>$pw); 

$c = json_encode($list); 

echo $c; 

?>

Заранее спасибо за ответ!

источник

2012-05-24 stanigator

так, что отображается в '# result' – Ibu

@lbu: не должно быть ничего, пока сообщение не будет отправлено туда вызова Ajax. По крайней мере, это то, во что я верю. – stanigator

$("#result").html(msg.name + msg.password);

т.д.

Изменить

$pw = $_REQUEST["pw"];

$pw = $_REQUEST["password"];

Вы отправляете переменные с AJAX ... и назначили на переменную быть пароль, не PW (который является именем вашего ввода).

И не забудьте на самом деле написать что-то внутри входов, чтобы вы могли получить что-то обратно.

источник

2012-05-24 23:09:33 Rasmus

Пробовал, что. У вас все еще проблемы ... – stanigator

Вы уверены? У вас даже есть что-то внутри ваших входов для тестирования? Проверьте свою консоль отладки javascript браузера, если вы можете увидеть какие-либо ошибки. – Rasmus

Я обновил свой ответ. – Rasmus

$(document).ready(function(){ 
    $("#button").on('click', function(){ 
     var sendu = $("#username").val(), 
      sendp = $("#pw").val(); 
     $.ajax({ 
      type: "POST", 
      url: "ajax.php", 
      data: {username : sendu, password : sendp}, 
      dataType: "json", 
      success: function(data){ 
       $("#result").html(data.name).prepend(data.password); 
      } 
     }); 
    }); 
});

PHP

<?php 
    $name = $_POST["username"]; 
    $pw = $_POST["password"]; 
    $list = array('name'=>$name, 'password'=>$pw); 

    echo json_encode($list); 
?>

источник

2012-05-24 23:30:01 adeneo

По-прежнему не повезло с предложенными вами настройками. – stanigator

Этот пример должен работать нормально. – Rasmus

Форма не печатает ничего

ответ

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