0

これは、私の div id="response" に結果を投稿することを期待している私のフォームです

<!DOCTYPE html>
<html>
<head>
<title>AJAX POST</title>
<script src="jquery.js"></script>
<script>
    $(document).ready(function(){
        $('input[name="submit"]').click(function(){
            var username=$('input[name="username"]').attr("value");
            var password=$('input[name="password"]').attr("value");
            var data1=encodeURIComponent(username);
            var data2=encodeURIComponent(password);
            $.post("response.php",{username:data1,password:data2},function(data){
            $("#form").hide();
            $("#response").text(data);
            });
        });
    });
</script>
</head>
<body>
<div id="form">
<form action="response.php" method="post">
<input type="text" name="username" value=""/><br/>
<input type="password" name="password" value=""/><br/>
<input type="button" name="submit" value="submit"/>
</form>
</div>
<div id="response"></div>
</form>
</body>
</html>

これは私のサーバー側のスクリプトです

<?php
echo $_POST["username"]."<br/>";
echo $_POST["password"];
?>

フォームに入力して送信ボタンをクリックすると、「"<br/>" I don't understand this.Please Explain.」という応答が返ってきました。

4

1 に答える 1

4

入力値を取得するには、 .attr('value') ではなく.val ()を使用する必要があります。ここで（空の文字列）である属性の値を返します.attr('value')''

var username=$('input[name="username"]').val();
var password=$('input[name="password"]').val();
于 2013-09-12T15:03:50.887 に答える