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);
        }
?>

我希望在用户输入内容时回显反向字符串。

Answer 1

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

Answer 2

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

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

Answer 3

用于绑定事件，

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

Answer 4

只需检查一下

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

jQuery回调函数不起作用

4 个答案: