繁体   English   中英

jQuery回调函数不起作用

[英]jQuery callback function not working

当我在文本框中输入内容时,没有任何反应。

这是我的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);
        }
?>

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

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

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

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

用于绑定事件,

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

检查一下

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM