php无法获取ajax发送的数据

Question

这是js代码，ajax有两个参数，第一个是url，第二个是一个包含类型数据和onsuccess的对象。 （我没有使用jQuery但是我自己定义的函数，代码在问题的最后） 我只想将“文本”字符串发送到 php，那么这样做有什么问题吗？我也尝试将数据更改为数据：{searchinput:"text"}，但仍然无法正常工作。

ajax(
    'http://localhost/test.php', 
    {
        type: 'POST',
        data:  "searchinput=text",
        onsuccess: function (responseText, xhr) {
            console.log(responseText);
        }
    }
);

这是php代码，很抱歉在粘贴时更改了错误的代码。

$searchinput = $_POST["searchinput"];
@ $db = new mysqli('localhost', 'root', '', 'text');
if (mysqli_connect_errno()) {
    echo "error:can not connect database";
}
$query = "select * from text where data like'".$searchinput."%' ";
$result = $db->query($query);

那么错误是

未定义索引：搜索输入

我已经搜索了一些方法，例如将onsuccess函数更改为setTimeout，并再次执行ajax，但它不起作用，只是再次发送数据但php仍然无法获取数据

这是ajax函数

function ajax(url, options) {
    if (!options.type) {
        options.type = "post"
    };
    var xhr = new XMLHttpRequest();
    xhr.open(options.type, url, true);
    xhr.send(options.data);
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {
        if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
            options.onsuccess(xhr.responseText, xhr)
        } else {
            options.onfail(xhr.responseText, xhr);
        }
        };
    }
}

Answer 1

好吧，既然你用错了ajax，我并不感到惊讶。控制台应该有错误。

jQuery AJAX 是这样使用的：

$.ajax({
        url: "http://localhost/test.php",
        type: 'POST',
        data:  {searchinput: text},
        success: function (responseText, xhr) {
            console.log(responseText);
        }
    }
);

url 是 ajax 期望的对象的一部分，所以它需要在里面而不是在外面。此外，数据期待另一个对象，你给了它一个纯字符串。

另外，正如@Muhammad Ahmed 在他的回答中所说，您在 php 代码中使用了错误的变量。

编辑：没有 jQuery 的 JavaScript 中的 AJAX：

var request = new XMLHttpRequest();
request.open('POST', 'http://localhost/test.php', true);

request.onreadystatechange = function() {
  if (this.readyState === 4) {
    if (this.status >= 200 && this.status < 400) {
      // worked
      var data = JSON.parse(this.responseText);
    } else {
      // failed
    }
  }
};
request.send();
request = null;

Answer 2

$searchcon = $_POST["searchinput"];
@ $db = new mysqli('localhost', 'root', '', 'text');
if (mysqli_connect_errno()) {
    echo "error:can not connect database";
}
$query = "select * from text where data like'".$searchinput."%' ";
$result = $db->query($query);

在此代码中，您使用变量 $searchcon 的 ist 行有一个错误 并在查询时使用 $searchinput 将 ist 变量名称更改为 $searchinput 而不是 $searchcon。并更改您的 ajax 代码。

$.ajax({
        url: "http://localhost/test.php",
        type: 'POST',
        data:  {searchinput: text},
        success: function (responseTxt, xhr) {
            console.log(responseTxt);
        }
    }
);

Answer 3

发送如下数据值并在 php 页面上使用 print_r($_POST) 来查看值是否到来

$.ajax(

    {   url: 'test.php',
        type: 'POST',
        data:{
                searchinput:text
             },
        onsuccess: function (responseText, xhr) {
            console.log(responseText);
        }
    }
);

Answer 4

尝试使用您以错误方式使用 ajax 的代码。您可以通过http://api.jquery.com/jquery.ajax/了解更多关于 ajax 的工作原理以及如何为 ajax 编写代码

$.ajax( 
    {
        type: 'POST',
        url : 'http://localhost/test.php',
        data:  {searchinput:text},
        success: function (responseText, xhr) {
            console.log(responseText);
        }
    }
);

在您的 PHP 文件中，您需要更新您的错字，即您在 $searchcon 变量中获得了 POST 的值

$searchcon = $_POST["searchinput"];
^^^^^^^^^^

在您使用的查询中

$query = "select * from text where data like'".$searchinput."%' ";
                                              ^^^^^^^^^^^^^^

应该是这样的

$query = "select * from text where data like'".$searchcon."%' ";
                                               ^^^^^^^^^^

Answer 5

试试这个代码：

var other_data = $('form').serializeArray();
$.ajax({
        url: 'work.php',
        data: other_data,
        type: 'POST',
        success: function(data){
            console.log(data);
        }
    });

或

您也可以在 url 中传递数据。 尝试适合您要求的代码。

$.ajax({
        url: 'work.php?index=checkbox&action=empty',
        type: 'POST',
        success: function(data){
            console.log(data);
        }
    });