点击按钮后返回名称 - HTML,PHP,JavaScript


Return name after clicking button - HTML, PHP, JavaScript

我有一个带有文本输入字段和按钮的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文件,数据.php:

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

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

你应该尝试这样的事情

.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

试试

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