Question

我试图通过AJAX解析一些JSON数据i跟随这里的一个例子：

how to parse json data with jquery / javascript?

在示例中，他们可以使其正常工作，但在我的例子中，

变为空白。

我试着回复一下php，显示的JSON也没问题。想知道问题是什么。

<!DOCTYPE HTML>
<html>
<head>
  <link type ="text/css" rel="stylesheet" href= "css/bootstrap.css">
 <link type ="text/css" rel="stylesheet" href= "css/account.css">
</head>



 <body>
    <p id="result">fefe</p>>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>
     <script>
    $.ajax({ 
                    type: 'GET', 
                    url: 'get.php', 
                    data: { get_param: 'value' }, 
                    dataType:'json',
                    success: function (data) { 
                                        var names = data
                        $('#result').html(data);
                    }
                });
        </script>
    </body>
    </html>

What the JSON result looks like in php:

    [{"id":"1","userid":"26","title":"654","description":"654"}]

Answer 1

什么是数据类型？尝试在成功函数的代码中添加此行

success: function (data) {
    console.log(data);
}

它是一个对象数组，如果是，也许你可以尝试这个

$.ajax({ 
    type: 'GET', 
    url: 'get.php', 
    data: { get_param: 'value' }, 
    dataType:'json',
    success: function (data) { 
        for(var i=0; i<data.length; i++) {
            // do your things here using data[i].description until data[i].userid
        }
    }
});

Answer 2

试试这个

$.ajax({
      type: "GET",
      dataType: "json",
      url: "getjobs.php",
      data: data,
      success: function(data) {
       $('#result').html(data);

        }
      });

Answer 3

尝试设置$ .ajax的数据类型设置为jsonp。还要尝试提醒返回值。

      $.ajax({ 
            type: 'GET', 
            url: 'get.php', 
            data: { get_param: 'value' }, 
            dataType:'jsonp',
            success: function (data) { 
                alert('data is ::' +data);
                $('#result').html(data);
            }
        });

Answer 4

试试这个：

$.ajax({ 
            type: 'GET', 
            url: 'get.php', 
            data: { get_param: 'value' }, 
            dataType:'json',
            success: function (data) { 
                 console.log(data);
            }
        });

在控制台中

（例如chrome browser的开发工具），你可以看到实际的结果。

Ajax Json解析了空白结果

4 个答案: