Javascript 如何在隐藏值中部分显示ajax响应，在div中部分显示ajax响应

我想在隐藏值和div中显示ajax的成功结果，但它会在其中一个中显示出来

<input type="hidden" runat="server" ID="piechartval" value="HERE" />
   <div class="rankadvancement "><img src="Assets/Images/imgLoading.gif" style="width: 16px;" />HERE<div>

here is my javacript:

 success: function(data) {
 //var $response = $(data);
                        //oGlobal = $response.find('#pie').text()
                        //alert(oGlobal);
                        var selector ="";
                        var control = '<%=piechartval.ClientID%>';
                        var str = data;
                        var n =str.lastIndexOf('</span>');
                        n = n.replace("</span>","");
                        var a = str.substring(n + 1,str.length - 6);
                        alert(a);
                        document.getElementById(control).value = a; ----- this value in hidden
                        $(selector).html('').html(a);  
                        $('.rankadvancement').html(data); --- this one in div
                    }

在这里
这是我的JavaScript：
成功：功能（数据）{
//变量$response=$（数据）；
//oGlobal=$response.find（'#pie'）.text（）
//警报（oGlobal）；
var选择器=”；
var控制=“”；
var-str=数据；
var n=str.lastIndexOf（“”）；
n=n.替换（“，”）；
var a=str.substring（n+1，str.length-6）；
警报（a）；
document.getElementById（control）.value=a；----此值隐藏在
$（选择器）.html（“”）.html（a）；
$（'.rankadvancement'）.html（数据）；---这个在div中
}

谢谢

我修改了我的结果，现在我想在隐藏值中看到整个结果。 但它只在输出中显示这一部分，尽管隐藏变量具有完整值(

33% 

)

但当我在aspx页面中复制结果和硬代码时，它可以正常工作，但不是通过ajax

以下是我成功的秘诀：

 <div class='col-sm-4'>
                   <div class='pie-chart1 pie-chart pie-number easyPieChart' data-percent=33% style='width: 220px; height: 220px; line-height: 220px;'>33% <canvas width='220' height ='220'/></div>

               </div>
                <div  class='rankadvancement'>
                    <div class='row-fluid'>
                        <span class='span2'>
                            <div class='percent'>33%</div>

                        </span>
                        <span class='span10'>
                            <a href='javascript:loadRankAdvancement(6);' class='next'><img src='Assets/Images/btnArrowRight.png' /></a>
                            <a href='javascript:loadRankAdvancement(4);' class='previous'><img src='Assets/Images/btnArrowLeft.png' /></a>
                            <h3>Pearl Ambassador</h3>
                            <div class='progress progress-magenta'>
                                <div class='bar' style='width: 33%'></div>

                            </div>

                        </span>

                    </div>
                    <div class='goals'>
                        <div class='clearfix'></div>

                    </div>

                </div>

33% 
33%
珍珠大使

已尝试但不起作用：我可以在hidden varibale中看到值，但实际上无法在网页上看到结果：

<!///<input name="ctl00$Content$piechartval" type="hien" id="Content_piechartval" class="piechartval" value=" <div class='col-sm-4'><div class='pie-chart1 pie-chart pie-number easyPieChart' data-percent=33% style='width: 220px; height: 220px; line-height: 220px;'>33% <canvas width='220' height ='220'/></div></div><div  class='rankadvancement' <img src='Assets/Images/imgLoading.gif' style='width: 16px;'><div class='row-fluid'><span class='span2'><div class='percent'>33%</div></span><span class='span10'><a href='javascript:loadRankAdvancement(6);' class='next'><img src='Assets/Images/btnArrowRight.png' /></a><a href='javascript:loadRankAdvancement(4);' class='previous'><img src='Assets/Images/btnArrowLeft.png' /></a><h3>Pearl Ambassador</h3><div class='progress progress-magenta'><div class='bar' style='width: 33%'></div></div></span></div><div class='goals'><div class='clearfix'></div></div></div>"

---

试试下面的代码，看看会发生什么：

<input type="hidden" runat="server" class="piechartval" ID="piechartval" value="HERE" />
   <div class="rankadvancement "><img src="Assets/Images/imgLoading.gif" style="width: 16px;" />HERE<div>



 success: function(data) {

     $('.piechartval').val(data); --- this one in hidden input
     $('.rankadvancement').html(data); --- this one in div
}


在这里
成功：功能（数据）{
$（'.piechartval'）.val（数据）；---隐藏输入中的这个
$（'.rankadvancement'）.html（数据）；---这个在div中
}

编辑：在旁注中，在隐藏的div上使用一个类，因为ID会因为
runat=“server”
而改变。修复了反映这一点的代码。
我建议您不要在服务器响应中使用标记，而是坚持使用JSON。我的猜测是，您正在用错误的标记捕获
input
或
div
标记。如果您返回JSON，那么它非常简单

success: function (data) {
  $('#piechartval').val(data.val);
  $('.rankadvancement').text(data.val);
}

根据我自己的理解，您所需要的只是更新输入值属性

<input type="hidden" runat="server" ID="piechartval" value="HERE" />

success: function(data) {

     $('input#piechartval').attr(value,data); --- this one in hidden input
     $('.rankadvancement').html(data); --- this one in div
}


成功：功能（数据）{
$（'input#piechartval'）.attr（值，数据）；--隐藏输入中的这个
$（'.rankadvancement'）.html（数据）；---这个在div中
}
请重新阅读您的问题并判断我们是否能说出您的问题。请更清楚一点。这在什么方面不起作用？当您在调试器中单步执行此操作时，是否正在解析出所需的值？您在元素中实际设置了什么？什么是“var选择器”，为什么不设置它？为什么不用$（“#piechartval”）而不是getElementById设置隐藏文本值呢？我得到的是html结果，部分我想在隐藏变量的div（div class=“rankadvancement”>）和a的值中显示隐藏值和完整数据piechartval@user207888：是的，你在问题中解释了那么多。但是我们不能为你调试这个。例如，当您将元素的值设置为变量
a
时，变量
a
中实际包含什么？
数据中有什么？在调试器中逐步执行此代码，并更具体地说明其失败的位置。
<input type="hidden" runat="server" ID="piechartval" value="HERE" />

success: function(data) {

     $('input#piechartval').attr(value,data); --- this one in hidden input
     $('.rankadvancement').html(data); --- this one in div
}