Ajax调用未从php文件返回数据

Question

我在以下ajax调用中遇到了一点问题；

function question()  {
//ajax call to fetch data from database
var course = "St.Andrews";
var dataString = "course=" + course;
$.ajax({
     type:  "GET",
     url:   "http://www.webaddress/fetch.php",
     datatype: "json",
     data: course,
     success: function(datas){
     console.log(datas);
     },
     error: function(XMLHttpRequest, textStatus, errorThrown){
     console.log("error:" + XMLHttpRequest.responsetext);
     }
     });
}

由于某些原因，我无法显示提取的结果。如果我从浏览器导航到返回结果的php文件，并以有效格式获得返回的结果，那么它就可以正常工作。

当我检查控制台日志时，我可以看到参数是正确的，我得到错误：未定义。有人能提供我做错了什么吗，谢谢。

这是我的php脚本；

<?php
//include databse details
require_once 'login.php';
//connect to database or return error
$db_server = mysql_connect($db_hostname, $db_username, $db_password);
if (!$db_server) die("unable to connect to MYSQL:" . mysql_error());
//select database or return error
mysql_select_db($db_database)
or die("Unable to select database: " . mysql_error());
if (isset($_GET['course'])) {
    $course = $_GET['course'];
    //set the character code
    mysql_query('SET CHARACTER SET utf8');
    //make the query
    $query = "SELECT * FROM questions WHERE course = '" . $course . "' ";
    $result = mysql_query($query) or die (mysql_error());
    if ($result !== false && mysql_num_rows($result) > 0)   {
        $row = mysql_fetch_array($result, MYSQL_ASSOC);
        $question = $row['question'];
        $answer = $row['answer'];
        $incorrect = $row['incorrectAnswer'];
        $difficulty = $row['difficulty'];
        //Json row
        $json = array ("question" => $question, "answer" => $answer, "incorrect" => $incorrect, "difficulty" => $difficulty);
    } else {
        //catch any errors
        $json = array("error" => "Mysql query error");
    }
    //set header for json data
    header("Content-Type: application/json", true);
    //return Json
    echo json_encode($json);
} else {
    echo "Needs course to advance dingbat";
}

Answer 1

最可能的原因是您从不同的域调用该url，出于安全原因，使用纯json是不可能的，您应该使用jsonp。

要更正此问题，请执行以下操作：js

var course = "St.Andrews";
var dataString = {course: course, callback : "?"};
$.ajax({
     type:  "GET",
     url:   "http://www.webaddress/fetch.php",
     datatype: "jsonp",
     data: course,
     success: function(datas){
     console.log(datas);
     },
     error: function(XMLHttpRequest, textStatus, errorThrown){
     console.log("error:" + XMLHttpRequest.responsetext);
     }
     });
}

php

<?php header('content-type: application/javascript; charset=utf-8');
$data = array(1, 2, 3, 4, 5, 6, 7, 8, 9);
echo $_GET['callback'] . '('.json_encode($data).')';

Answer 2

我看到了两种可能性：

1） 您的php脚本没有返回有效的json。如果指定json作为数据类型参数，请确保实际返回的是json。

2） 你违反了同源政策。您的url是http://www.webadddress/。。。除非浏览器从某个url加载了脚本，否则它将无法使用xhr访问该url。