Php 如何访问AJAX调用返回的JSON值

我已经编写了AJAX代码来获取MySQL数据并将其显示在HTML页面上。但是我的输出没有显示在页面上

我做错了什么

PHP: 以下是我的报告的输出：

JavaScript/HTML：

jquery将访问此元素，并替换此文本
$（函数（）{
jQuery.ajax({
网址：'http://keralapsctuts.com/app/category.php',
数据：“，
数据类型：“json”，
成功：功能（数据）{
var id=data[0]；//获取id
var title=data[1]；//获取名称
$（'#output'）.html（“”）；
} 
});
}); 

当您返回更多行时，如果您想遍历这些行，应该使用

for

success:function(data) {
  var result = "";
  for(var i=0; i < data.length; i++) {
    var id = data[i]["pid"];              //get id
    var title = data[i]["ptitle"];        //get name
    result += "<a class='list-group-item' href='"+id+"'>"+title+"<i class='fa fa-chevron-right pull-right'></i></a>";
  }
  $('#output').html(result); //Set output element html
} 

成功：函数（数据）{
var结果=”；
对于（变量i=0；i

给定您的输出：

[{pid:“1”，“ptitle:“一次性注册提示”}，{pid:“2”，“ptitle:“印度第一男性”}，{pid:“3”，“ptitle:“印度第一女性”}]

您的

数据

可以这样寻址：

success:function(data){
    var id = 0;
    var title = "";

    $.each(data, function(k, v){
        id = v.pid;
        title = v.ptitle;
        $('#output').append("<a class='list-group-item' href='"+id+"'>"+title+"<i class='fa fa-chevron-right pull-right'></i></a>");
    });
} 

成功：函数（数据）{
var-id=0；
var title=“”；
$。每个（数据、函数（k、v）{
id=v.pid；
title=v.ptitle；
$（“#输出”）。追加（“”）；
});
} 

您是否在控制台中查找了任何错误？看起来您的PHP返回了一个行数组，每行都有一个“pid”和“ptitle”。这似乎没有反映在JavaScript代码中。我建议看一下JSON的结构，我认为您需要类似于

varid=data[0]['pid']和
var title=数据[0]['ptitle']我没有检查错误@JayBlanchard@showdev你能检查一下my PHP Now吗？你也可以使用
$。each（）
，因为这是它的设计目的。
缺少右括号。但是它没有在div上给出输出，只是缺少了
的右括号");已修复。第一次没有看到它。@Kannan，您在浏览器JS控制台中看到任何错误吗？您得到了什么？您已将一个标记为答案，并且两个答案使用相同的选择器。当我测试时，它运行良好：
<div id="output">this element will be accessed by jquery and this text will be replaced</div>
<script type="text/javascript" src="dist/js/jquery.js"></script>
<script type="text/javascript">

$(function () {
    jQuery.ajax({
        url: 'http://keralapsctuts.com/app/category.php',
        data: "",
        dataType: 'json', 
        success:function(data) {

            var id = data[0];              //get id
            var title = data[1];           //get name

            $('#output').html(" <a class='list-group-item' href='"+id+"'"+title+" <i class='fa fa-chevron-right pull-right'></i></a>");

        } 
    });
}); 

</script>

success:function(data) {
  var result = "";
  for(var i=0; i < data.length; i++) {
    var id = data[i]["pid"];              //get id
    var title = data[i]["ptitle"];        //get name
    result += "<a class='list-group-item' href='"+id+"'>"+title+"<i class='fa fa-chevron-right pull-right'></i></a>";
  }
  $('#output').html(result); //Set output element html
} 

success:function(data){
    var id = 0;
    var title = "";

    $.each(data, function(k, v){
        id = v.pid;
        title = v.ptitle;
        $('#output').append("<a class='list-group-item' href='"+id+"'>"+title+"<i class='fa fa-chevron-right pull-right'></i></a>");
    });
}