Question

我真的很困惑如何将json变量传递给我的html标头标签。我正在使用CodeIgniter框架，我在JSON中得到了我的查询的值，我也把它放在变量中并且它工作正常，但是当我试图在标题中显示它时，我很困惑如何做到这一点。 / p>

我想要的就是这样：

这是我查询中的ajax。

function showprojectdetails(projectSelected) {
  var studentId = null;
 $.ajax({
        url : "<?php echo site_url('manager/projects/ProjDetails/')?>/" + projectSelected,
        type: "GET",
        dataType: "JSON",
        success: function(data) {

          $projcode = data['project_code'];
          $projtitle = data['project_title'];
          $projdesc = data['project_desc'];
          $projstat = data['project_status'];
          $projpercent = data['project_percent'];
          $projadd = data['project_address'];

        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert('Error get data from ajax');
        }
    });

来自我的html标题。我想要的只是显示我的数据的变量像这样的东西：

    <ul>
       <li> <h3 class="blue">$projtitle</h3> <!--span>Interactions</span--></li>
       <li> <h3 class="purple">Status:</h3> <!--span>Posts</span--></li>
   </ul>

Answer 1

因此，我假设您的数据正确无误，而您的问题正在页面上显示。您可以使用jquery来实现此目的。

首先为您的代码添加一个id属性，以便我们可以将它们用作显示...

的参考

<ul>
    <li> <h3 class="blue" id="projectTitle"></h3></li>
    <li> <h3 class="purple">Status:<span id="projectStatus"></span></h3></li>
</ul>

并且你的ajax看起来应该是

function showprojectdetails(projectSelected) {
  var studentId = null;
 $.ajax({
        url : "<?php echo site_url('manager/projects/ProjDetails/')?>/" + projectSelected,
        type: "GET",
        dataType: "JSON",
        success: function(data) {
                 $('#projectTitle').html(data['project_title']);
                 $('#projectStatus').html(data['project_status']);
                 //and so on

        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert('Error get data from ajax');
        }
    });

ajax将json值传递给html头类

1 个答案: