ajax post with PHP

本文关键字：PHP with post ajax | 更新日期: 2023-09-27

为什么不工作?

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!";
}

没有显示:/

需要显示从ajax调用接收到的数据。例如，将结果放入名为YourresultDiv的<div>:

试试这个

$("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) {
            $('#YourresultDiv').html(data);
            alert("Successful");
        }
    });
});

希望对您有所帮助....

$("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>

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

<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!");
            });
        });

试试这个

在js中添加

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

作为响应处理程序

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

哪里是$.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);
        }
    });
});

如果没有success函数，你可以在控制台中看到你的网段中的回显语句。

，按下F12，然后你会得到一个链接，如XHR完成加载:POST "http://localhost/yourproject/func_name .单击该链接，您将转到network段，从那里，单击函数名称，然后在response或preview选项卡中，您可以看到返回的语句。试试。