使用PHP的ajaxpost_Php_Jquery_Ajax

使用PHP的ajaxpost

php jquery ajax

使用PHP的ajaxpost,php,jquery,ajax,Php,Jquery,Ajax,为什么这不起作用 jQuery AJAX代码： $("header input").bind("keyup", function() { var searchString= $("header input").val(); var dataString = 'search=' + searchString; alert(dataString); $.ajax({ type: "POST", url: "index.php",

为什么这不起作用

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

的

中：

试试这个

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

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

<div id="result"> </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");
        }
    });
});

在js中添加

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

作为您的响应处理程序

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

希望这能帮助你

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

$（“标题输入”）.bind（“键控”，函数（）
{
var searchString=$（“标题输入”）.val（）；
var dataString='search='+searchString；
警报（数据串）；
$.ajax({
类型：“POST”，
url:“index.php”，
数据：dataString，
cache:false，
异步：false
}，成功：函数（数据）{
$（'div#posteddata'）。追加（数据）；
}
);
});

您的回调函数在$.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

。单击该链接，您将转到

网络

段，然后单击函数名称，然后在

响应

或

预览

选项卡中，您可以看到回显语句。。

试试看。

在if语句之前显示的是

echo

语句吗？你能发布整个php方法吗？是的，在这之前有一些echo方法你没有回调？所以它不显示。它只发布消息，这就是调用成功：function（data）{alert（data）；}它不会在任何地方回显。您将只收到服务器的响应。是的，谢谢您的帮助……我刚刚忘记了succes方法，并添加了div//这就是succes方法，我忘记了success:function（data）{$（'#resultDiv'）.html（data）；}但是现在，如果我在输入字段中写入一些内容，它会再次显示整个页面？！^^如果你愿意，我可以上传一个屏幕截图？快速回答的thx:）以下是屏幕：s14.directupload.net/images/140620/nkazv44j.png s7.directupload.net/images/140620/485fykpk.png