jQuery回调函数不起作用

Question

When I type something in the text box, nothing happens. 当我在文本框中输入内容时，没有任何反应。

This is my HTML file: 这是我的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>

This is the jQuery: 这是jQuery：

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

This is PHP: 这是PHP：

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

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

I want to echo out the reverse string as the user types something. 我想在用户输入内容时回显反向字符串。

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

You can do this at browser itself(without php) with jquery. 您可以使用jquery在浏览器本身（没有php）执行此操作。

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

Answer 3

Use on to bind events, 用于绑定事件，

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

Answer 4

just check this 检查一下

$(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 个解决方案

解决方案1
1 2013-08-28 12:02:42

解决方案2
1 2013-08-28 12:07:22

解决方案3
0 2013-08-28 12:09:39

解决方案4
0 2013-08-28 12:22:18

jQuery回调函数不起作用

问题描述

4 个解决方案

解决方案1 1 2013-08-28 12:02:42

解决方案2 1 2013-08-28 12:07:22

解决方案3 0 2013-08-28 12:09:39

解决方案4 0 2013-08-28 12:22:18

解决方案1
1 2013-08-28 12:02:42

解决方案2
1 2013-08-28 12:07:22

解决方案3
0 2013-08-28 12:09:39

解决方案4
0 2013-08-28 12:22:18