首页 文章

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

提问于
浏览 1504
-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中键入的名称,但它不起作用 . 有提示吗?

2 回答

  • 1

    尝试

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

    你应该尝试这样的事情

    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
    

相关问题