php - jQuery回调函数不起作用

Question

当我在文本框中输入内容时，什么也没有发生。

这是我的 HTML 文件：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>POST/GET Data (HTTP Request)</title>
        <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
    </head>

    <body>
        <input type="text" id="name" />
        <div id="name_feedback"></div>
        <script type="text/javascript" src="js/functions.js"></script>
    </body>
</html>

这是 jQuery：

$(document).ready(function(){    
    $('#name').keyup(function() {
        var name = $('#name').val();
        $.post('php/process_name.php', { "name": name }, function(data) {
            $('#name_feedback').html(data);         
        });
    });
});

这是PHP：

<?php
    if(isset($_POST['name'])) {

        $name = $_POST['name'];
        echo strrev($name);
        }
?>

我想在用户键入内容时回显反向字符串。

score 1 · Accepted Answer

您可以使用 jquery 在浏览器本身（没有 php）上执行此操作。

$(function(){
    $('#name').keyup(function() {
            var name = $('#name').val();
            $('#name_feedback').html(name.split("").reverse().join(""));         
    });
});

score 1 · Accepted Answer

$(document).ready(function(){    
    $('#name').keyup(function() {
        var name = $('#name').val();
        $.post('php/process_name.php', { name: name }, function(data) {
            $('#name_feedback').html(data);         
        });
    });
});

score 0 · Accepted Answer

看看这个

$(document).ready(function(){    
    $('#name').keyup(function() {
        var name = $('#name').val();
        $.post('php/process_name.php', { "name": name }, function(data) {
            $('#name_feedback').html(data);         
        });
    });
});

score 0 · Accepted Answer

使用 on 绑定事件，

$('#name').on('keyup',function() {
var name = $('#name').val();
$.post('php/process_name.php', { 
    name: name 
}, function(data) {
    $('#name_feedback').html(data);         
});
});

php - jQuery回调函数不起作用

4 回答 4

Related

Reference