-2

我有一个带有文本输入字段和按钮的 HTML 文件。当您输入名称并单击按钮时，它应该返回您在 div 中输入的名称。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    function get() {
        $.post('data.php', { name: form.name.value},
            function(output) {
            $('#age').html(output).show();
        });
    }
</script>
</head>
<body>
    <p>
        <form name="form">
            <input type ="text" name="name">
            <input type="button" value="get" onClick="get();">
        </form>
    </p>

    <div id="age"></div>
</body>
</html>

我还有一个 PHP 文件 data.php：

<?php
    $name = $_POST('name');
    echo $name;
?>

它应该返回我在 div 中输入的名称，但它不起作用。有人提示吗？

4

2 回答 2

1

你应该尝试这样的事情

HTML：

<form name="form">
    <input type ="text" name="name" />
    <input type="submit" value="Get" name ="submit" />
</form>
<div id="age"></div>

JS：

$(function(){
    $('form[name="form"]').on('submit', function(e){
        e.preventDefault();
        var name = $(this).find('input[name="name"]').val();
        $.post('data.php', { name: name}, function(output) {
            $('#age').html(output);
        });
    });
});

PHP：（但它只是打印姓名，而不是年龄，但这是正确的方式，不是$name = $_POST('name'); ）

$name = $_POST['name'];
echo $name; // output in ajax success will be name value
于 2013-11-09T12:23:59.620 回答
0

尝试

$name = $_POST['name'];
echo $name;
于 2013-11-09T12:16:54.730 回答