dongpo1203 2017-10-05 11:40
浏览 50
已采纳

AJAX - 在JQUERY中返回的Parse JSON对象

I stucked a little bit in here>

My php script returns this JSON (in variable response) (encoded array with json_encode) :

{"1":{"id":"pvv001","tooltip":"tip1","link":"http:\/\/domain\/file1.html"},"2":{"id":"pvv002","tooltip":"tip2","link":"http:\/\/domain\/file2.html"}}

I hope this is valid JSON object ...

Then here is JavaScript function which should get this string and process it - load to ELEMENT "id" a content of "link".

function jLinks(idchapter)
{
    var url = 'ajax_loadlinks.php';
    var data = {
        idchapter : idchapter
    };
    $.post(url,data, function(response)
    {
        //$('#coursecontent').html(response);

        var obj = JSON.parse(response);
        for (var i=0; i<obj.length; i+1)
        {
            $('#'+obj[i].id).html('<a href="'+obj[i].link+'">link</a>');
        }

    });
}

It is not throwing any error in browser or console, but elements are not updated at all.

I quess my parsing and accessing data is wrong somehow, but I have no idea how to debug.

  • 写回答

2条回答 默认 最新

  • dongsi8812 2017-10-05 11:53
    关注

    As your string is an object not array, so you need $.each method to loop over each key of object.

    var obj ={
      "1": {
        "id": "pvv001",
        "tooltip": "tip1",
        "link": "http:\/\/domain\/file1.html"
      },
      "2": {
        "id": "pvv002",
        "tooltip": "tip2",
        "link": "http:\/\/domain\/file2.html"
      }
    };
    
    $.each(obj,function(i,v){
        $('#'+v.id).html('<a href="'+v.link+'">link</a>');
    });
    

    Fiddle

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 nrf52810-c三个a 程序
  • ¥15 lego-loam跑出来的roll误差很大
  • ¥50 求一个半透明没有锯齿的圆角窗体的实现例子
  • ¥15 STM32cubeMX里的FreeRTOS无法释放内存
  • ¥15 CATIA有些零件打开直接单机确定终止
  • ¥15 请问有会的吗,用MATLAB做
  • ¥15 phython如何实现以下功能?查找同一用户名的消费金额合并—
  • ¥15 孟德尔随机化怎样画共定位分析图
  • ¥18 模拟电路问题解答有偿速度
  • ¥15 CST仿真别人的模型结果仿真结果S参数完全不对