如何在div内的html页面中显示js文件中的json数据

Question

在这里，我正在将数据从JSON格式的db中获取到我的.js文件中，也正在div中。但是我没有在HTML页面中获取div。请任何人告诉我如何在HTML页面中显示。是我的代码：

我的json数组：

[{"chat_question_id":"1",
 "chat_question_title":"What is PHP?"},
 {"chat_question_id":"17",
 "chat_question_title":"what is php?",}

以下是我的js代码：

    function ChatQuestionsInfo(bRowId)
    {
    var actionType = "";
    var hdnFlagForSearchQue = $("#hdnFlagForSearchQue").val();
    if(hdnFlagForSearchQue=="insert"){
        actionType = "ChatQuestionsInfo";
    } else {
        actionType = "searchQuestiontitle";
    }
    if($.trim($("#questionname").val())==""){
        $("#questionname").focus();
        alert("Enter Question Name");
        return false;
    }
    if($.trim($("#technologytags").val())==""){
        $("#technologytags").focus();
        return false;
    }
    $.post(rootUrl+"includes/ajax/ajax_chat.php", {action: actionType,bRowId:bRowId,bQuestionName: $.trim($("#questionname").val()),bTechnologyTags: $.trim($("#technologytags").val())},
    function(data){
       var htmlText = '';
  for ( var key in data ) {
            htmlText += '<div class="tab-content">';
            htmlText += '<div id="newquestions"> : ' + data[key].chat_question_title + '</div>';
            htmlText += '</div>';
        }
        $('.chat_body_form').append(htmlText);
    }, "json");
    return false;
    }

HTML代码：

<div id="newquestions"></div>

Answer 1

我认为您需要进行2处更改，其中1处在ajax_chat.php文件中。 其次是您的javascript。

1. 每个JSON输出都必须具有纯JSON输出，因此javascript（或jquery）可以轻松读取它。 因此，在ajax_chat.php文件的输出中，您必须设置标题以提供正确的输出内容类型。

例如

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

2. 在jquery中，最好使用$ .each然后进行for循环，也可以将数据直接附加到循环中。

例如

function(data){
$.each(data,function(i){
    $('.chat_body_form').append('<div class="tab-content"><div id="newquestions"> : '+ $(this).chat_question_title + '</div></div>';
 });    
}

我认为这些更改将起作用，并且将成为理解或更改非常非常简单的代码，

谢谢...