2016-10-24 9 views
0

私のAJAX呼び出しは、PHPコードで "echo jason_encode(array)"を使用してJSON形式のデータ配列を返すので、スクリプトの結果をループして、表示する前にデータを返しました。AJAX呼び出し中にJSONとして返されるHTMLを表示

私はPHPコードでHTMLを作成するようにコードを変更しましたが、HTML文字列をスクリプトに戻してHTMLを表示したいのですが、どのように動作させるのか分かりませんでした。このサイトと他の人たちの例ですが、運はありません。

PHP

$html = '<tr><td><div class="dummy">This is some text.</div></td></tr>'; 
$arr[] = array('html' => $html); 
echo json_encode($arr); 

スクリプト

 <script type="text/javascript"> 
     $('.mashed_row a').click(function() { 
      var link_id = $(this).attr('link_id'); 

     $.ajax({ 
        type: 'POST', 
        url: 'explode', 
        data: {'<?php echo $this->security->get_csrf_token_name(); ?>' : '<?php echo $this->security->get_csrf_hash(); ?>', link_id}, 
        dataType: 'json', 
        success : function(data) { 
         if(data) 
         { 
          var txt = data['html']; 

           $("#xarticletab").html(""); 
           $("#xarticletab").append(txt).removeClass("hidden"); 
           $("#comments").removeClass("hidden"); 
         } 
        } 
      }); 
      return false; 
     }); 
    </script> 
+1

'$( "#のxarticletab")HTML(データ[ 'HTML']);'データとその要素のinnerHTMLプロパティを設定します[」。 html ']。 –

+0

Riggsに感謝します。 – ReeseB

答えて

1

まず第一に、私はあなたのJSコードに誤りがあると思います。一人でlink_id。 JSの の場合、key: valueを定義する必要があります。だから、おそらく'link_id': link_id

正しいタイプミス:{key1: 'value1', 'key2': 'value2'}

した後、任意のJavaScriptエラーがあるかどうかを知るには、ブラウザのコンソールエディタを使用します。

また、あなたには、JavaScriptの機能で遊ぶことができます:console.log(data);やイベントalert(data)

関連する問題