AJAX Get isn不工作

时间:2015-03-01 17:18:11

标签: javascript php jquery ajax

我试图用AJAX从mysql服务器中提取数据。 这是AJAX调用:

function getAllTasks()
        {
            alert("Getting all tasks");

            $.ajax({
              type: "get",
              url: "ajax.php",
              dataType: "json",
              data: data,
              async: false,
              success: function(data){
                   alert('hi!');
                   //perform operation
                },
                error: function() {
                  alert('Error occurs!');
                }
            });
        }

这就是它应该运行的PHP:

header('Content-Type: application/json');



$conn = new mysqli('localhost', 'projectAdmin', 'admin', 'to_do_list')
    or die('Error connection to database');

    getAllTasks($conn);




function getAllTasks($conn)
{
$query = "SELECT * FROM tasks WHERE ID=1";

$result = mysqli_query($conn, $query);

while($row = $result->fetch_assoc())
{
    $tasks[] = $row;
}

echo json_encode($tasks);

}

它无法正常工作。当我单独运行PHP时,它工作正常,并在浏览器中返回一个JSON字符串(chrome)。 当我运行AJAX时,没有任何反应。我得到了#34;完成所有任务"警报,然后它不起作用。从$(document).ready()函数调用AJAX。

我不知道自己哪里出错了,我在这里查看了很多帖子,而我的AJAX代码看起来一模一样。这是json_encode的问题吗? AJAX? 求助。

2 个答案:

答案 0 :(得分:0)

下面:

data: data,

看起来data变量未定义。另外,我建议您删除async: false选项以发出异步请求,而不是阻止UI。

查看浏览器中的Console也可能会发现代码存在一些潜在问题。

答案 1 :(得分:0)

var xhr = new XMLHttpRequest();
xhr.open("GET", "ajax.php");
xhr.addEventListener("readystatechange", function(ev) {
    var xhr = ev.target;
    if (xhr.readyState < 4) { /*not finished downloading yet.*/
        return;
    }
    /*the request is completed. do your stuff with xhr.responseText here.*/
    console.log(xhr);
});
xhr.send();