2017-05-23 16 views
1

AJAXをDOMに挿入戻りJSON値とは

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の適切な値を返すと、すべての作業のHTMLタグを#contentに挿入することができますか?

悪い英語と申し訳ありません。

+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

Function:parse [as parseJSON]()の位置0にある '' Uncaught SyntaxError:JSONの予期しないトークン '' – Tauras

+0

コードを更新しました。再試行する。 –

+0

は現在大丈夫です。 – Tauras