首页 文章

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

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

javascript php html

2 回答

  • 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
    回复于
  • 1

    尝试

    $name = $_POST['name'];
echo $name;
    回复于

相关问题