Javascript ajax将json值传递给html头类

对于如何将json变量传递给html头标记，我感到非常困惑。我使用的是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');
        }
    });

功能showprojectdetails（已选择项目）{
var studentId=null；
$.ajax({
url:“/”+projectSelected，
键入：“获取”，
数据类型：“JSON”，
成功：功能（数据）{
$projcode=data['project_code']；
$projtitle=数据[‘项目名称’]；
$projdesc=数据['project_desc']；
$projstat=data['project_status']；
$projpercent=数据[“项目百分比]；
$projadd=数据[‘项目地址’]；
},
错误：函数（jqXHR、textStatus、errorshown）{
警报（“从ajax获取数据时出错”）；
}
});

我只想显示数据的变量 大概是这样的：

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

$projtitle
地位：

所以我假设您正确地获取了数据，而您的问题是在页面上显示数据。您可以使用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');
        }
    });

功能showprojectdetails（已选择项目）{
var studentId=null；
$.ajax({
url:“/”+projectSelected，
键入：“获取”，
数据类型：“JSON”，
成功：功能（数据）{
$（'#projectTitle'）.html（数据['project_title']）；
$（'#projectStatus'）.html（数据['project#u status']）；
//等等
},
错误：函数（jqXHR、textStatus、errorshown）{
警报（“从ajax获取数据时出错”）；
}
});

所以我假设您正确地获取了数据，而您的问题是在页面上显示数据。您可以使用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');
        }
    });

功能showprojectdetails（已选择项目）{
var studentId=null；
$.ajax({
url:“/”+projectSelected，
键入：“获取”，
数据类型：“JSON”，
成功：功能（数据）{
$（'#projectTitle'）.html（数据['project_title']）；
$（'#projectStatus'）.html（数据['project#u status']）；
//等等
},
错误：函数（jqXHR、textStatus、errorshown）{
警报（“从ajax获取数据时出错”）；
}
});

请向我们展示数据的外观。请向我们展示数据的外观。欢迎您。请尝试阅读更多关于jquery选择器的信息。这可能会对您有很大帮助。欢迎您。请尝试阅读更多关于jquery选择器的信息。这可能会对您有很大帮助。