如何在div

时间:2016-09-28 09:44:27

标签: javascript php jquery html json

在这里,我将从JSON格式的数据库中获取数据到我的.js文件中,我也得到了div。但是我没有在我的HTML页面中获取div。请任何人都可以告诉我如何在我的HTML中显示page.Below是我的代码:

我的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 code:

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

1 个答案:

答案 0 :(得分:0)

我认为您需要进行2次更改,1位于ajax_chat.php文件中。和你的javascript中的第二个。

  1. 每个JSON输出都需要具有纯JSON输出,因此javascript(或jquery)可以轻松读取它。所以在输出ajax_chat.php文件时,你必须设置一个标题来提供正确的输出内容类型。
  2. 例如

    header('Content-Type:application/json');
    echo json_encode('your varialbe array');
    
    1. 在jquery中最好使用$ .each然后for循环,并且你也可以直接在循环中附加数据。
    2. 例如

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

      我认为这些更改将起作用,并且将是非常简单和干净的代码来理解或更改,

      ...谢谢