通过AJAX检索PHP JSON数据-正确的数据请求结构


Retrieving PHP JSON data through AJAX - correct structure of data request

我有一个名为terminal_tester.php的PHP文件,它运行了许多终端操作,并在最后使用

创建json数据
echo json_encode($jsonData);

数据如下

{"source":"Betting Tips","published":"2015-05-20 15:20:22;","status":true,"eventIDs":["27448131","27448900"],"TipsTB":"TIP 1 MLADENOVIC TO BEAT RISKE'",'"TIP 2 DOLGOPOLOV TO BEAT GULBIS'"]","TipsTW":"[]"}

我现在想用这些数据填充我的HTML文件,但是我很难理解Ajax数据输入的正确格式。我正在尝试在我的html文件

的脚本区域如下
function callbackData(){
    return $.ajax({
        dataType: 'JSON',
        url: 'terminal_tester.php',
        type: 'GET',
        cache: false,
        data: jsonData
    });
};
callbackData().success(function (data) {
    document.getElementById("phpReturn2").innerHTML = jsonData
    document.getElementById("phpReturn3").innerHTML = eventIds
    document.getElementById("phpReturn4").innerHTML = published
});

但是我没有得到任何回应。我已经搜索过了,我认为问题在于ajax请求的数据区域,但我也对PHP文件中需要GET命令感到困惑。有人能解释一下如何正确构建ajax请求吗?

编辑

terminal_tester.php有相当多的函数聚集在一起,在最后构建json数据,PHP文件的最后部分看起来像这样

      $jsonData = createJson($eventIds, $TipsTB, $TipsTW, $status);
      echo json_encode($jsonData);
      $fp = fopen('results.json', 'w');
      fwrite($fp, json_encode($jsonData));
      fclose($fp);

首先,我认为你的json数据是不正确的。应该是这样的-

{"source":"Betting Tips","published":"2015-05-20 15:20:22","status":true,"eventIDs":["27448131","27448900"],"TipsTB":["TIP 1 MLADENOVIC TO BEAT RISKE","TIP 2 DOLGOPOLOV TO BEAT GULBIS"],"TipsTW":"[]"}
第二,正常的jquery ajax语法是-
$.ajax({
    dataType: 'JSON',  //This means data which come back from terminal_tester.php should be in json format.
    url: 'terminal_tester.php',
    type: 'GET',  // If you are using get request then you should get data by $_GET[]
    cache: false,
    data: {"jsonData":jsonData}, // Edited this from your code.
    success:function(data){ //This data is coming from terminal_tester.php
        alert(data.result);
    }
});

在terminal_tester.php中,应该是这样的-

if(isset($_GET['jsonData'])){
    $jsonData = $_GET['jsonData']; // GET array (Edited)
    // your operation with $jsonData
    // In the end, below json will be get in success data.
    echo json_encode(array('result'=>true));
}

希望这对你有帮助!!

$.ajax().success()有一个data参数,用于访问从GET请求发回的数据。eventIds和published都是data的属性。

callBackData().success(function (data) {
    document.getElementById("phpReturn2").innerHTML = jsonData;
    document.getElementById("phpReturn3").innerHTML = data.eventIds;
    document.getElementById("phpReturn4").innerHTML = data.published;
});