2017-05-23 29 views
1

AJAX返回JSON值與所有的HTML代碼,並插入到DOM

var load = function (url) { 
    $.ajax({ 
    type: "GET", 
    dataType: "json", 
    url: url, 
    data: {'url': url}, 
    success: function(data) { 
     $('#content').html(data.content); 
    } 
    }); 
}; 

JSON

$array = array(
    'id' => $data->id, 
    'date' => date("F d, Y", strtotime($data->timer)), 
    'author' => $data->creator, 
    'time_to_read' => $data->timeread, 
    'title' => $data->title, 
    'content' => htmlspecialchars($data->content), 
); 

header('Content-Type: application/json'); 
echo json_encode($array); 

說明:

一切都很好,我可以回報我想要的。然而,我在數組中的內容鍵有很多html標籤,類,id和其他東西。返回data.content時,它將帶引號的值作爲第一個和最後一個字符返回。看起來像,它返回爲簡單的文本/字符串。

問:

怎麼樣,我可以返回data.content正確的值,並插入到#content與所有工作html標籤?

對不起,英文不好,謝謝你的回答。

+0

剛剛修剪的是雙引號這樣data.content.substring(1,data.content.length-1); – JYoThI

回答

1

試試這個 -

var load = function (url) { 
     $.ajax({ 
     type: "GET", 
     dataType: "json", 
     url: url, 
     data: {'url': url}, 
     success: function(data) { 
      var string = ($.parseHTML(data['content'])[0]).data; 
      $('#content').html(string); 
     } 
     }); 
    }; 
+0

'未捕獲的SyntaxError:意外的標記&在位置0的JSON在Function.parse [as parseJSON]()'' – Tauras

+0

我已經更新了代碼。再試一次。 –

+0

現在看起來沒問題。 – Tauras

相關問題