Question

我有一个带有文本输入字段和按钮的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中键入的名称，但它不起作用。任何提示？

Answer 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

Answer 2

试

$name = $_POST['name'];
echo $name;

单击按钮后返回名称 - HTML，PHP，JavaScript

2 个答案: