javascript - ajax将json值传递给html header 类

Question

我真的很困惑如何将 json 变量传递给我的 html header 标记。我正在使用 CodeIgniter 框架，我在 JSON 中获取了查询的值，并将其放入变量中并且效果很好，但是当我尝试在标题中显示它时，我很困惑如何正确执行它。

我想要的就是这样的:

这是我的查询中的 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');
        }
    });

来 self 的 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');
        }
    });