Question

为什么这不起作用？

jQuery AJAX代码：

$("header input").bind("keyup", function()
{
    var searchString= $("header input").val();
    var dataString = 'search=' + searchString;
    alert(dataString);
    $.ajax({
        type: "POST",
        url: "index.php",
        data: dataString,
        cache: false
    });
});

PHP代码（只是测试代码）：

if($_POST["search"]) {
    echo "TEST MESSAGE!";
}

它没有显示回声：/

感谢您的帮助;）

Answer 1

您需要显示从ajax调用中收到的数据。例如，将结果放入名为<div>的{{1}}：

试试这个

YourresultDiv

Answer 2

希望这会对你有帮助....

$("header input").bind("keyup", function()
{
    var searchString= $("header input").val();
    var dataString = 'search=' + searchString;
    alert(dataString);
    $.ajax({
        type: "POST",
        url: "index.php",
        data: dataString,
        cache: false,
        async: false
    },success: function (data) {


     $('div#posteddata').append(data);

    }

);
});


<html>
<head>

</head>

<body>

<div id="posteddata"></div>

</body>

</html>

Answer 3

您需要指定要更新的元素..例如

<div id="result"> </div>

然后将成功事件处理程序附加到您的ajax调用

        $("header input").bind("keyup", function () {
            var searchString = $("header input").val();
            var dataString = 'search=' + searchString;
            alert(dataString);
            $.ajax({
                type: "POST",
                url: "index.php",
                data: dataString,
                cache: false
            }).success(function (data) {
                $("#result").html(data);
            }).fail(function () {
                alert("Ajax failed!");
            });
        });

Answer 4

试试这个

在js add

中

success: function (data) {
        // success handler
    }

作为您的响应处理程序

if($_POST["data"]) {
  // search = search string available here  in $_POST['data']
  echo "TEST MESSAGE!";
}

Answer 5

$ .ajax（）函数中的回调函数在哪里，只有回调函数，你可以通过ajax请求显示任何内容..

所以试试这个。

$("header input").on("keyup", function () {
    var searchString = $("header input").val();
    var dataString = 'search=' + searchString;
    alert(dataString);
    $.ajax({
        type: "POST",
        url: "index.php",
        data: dataString,
        cache: false,
        success: function (data) {
            $('#Yourdiv').html(data);  // or $('#Yourdiv')text(data);
        }
    });
});

如果没有成功功能，您可以在控制台中看到网段中的回显语句。

为此，按F12，然后你会得到一个像这样的链接 XHR已完成加载：POST "http://localhost/yourproject/func_name。点击该链接，您将转到network段，然后点击该功能名称，然后点击response或preview标签，你能看到回音的声明.. 试试吧。

用PHP的ajax帖子

5 个答案: