2013-09-05 27 views
0

我想从隐藏值和div显示ajax的成功结果。但它在其中一个或其他显示如何显示阿贾克斯部分隐藏值和部分div divr

<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 
        } 

谢谢!

我修改了我的结果,现在我想看到隐藏值的整个结果。 但其只显示这部分产量虽然隐藏变量具有充分的价值(

<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> 

但是,当我在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> 

尝试,但不工作:我可以看到隐藏的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>" 
+0

请重新阅读你的问题,并判断我们可以告诉你是问。请更清楚。 – Roger

+0

这是行不通的?当您在调试器中逐步完成这些操作时,是否解析出您期望的值?你究竟在元素中设置了什么? – David

+0

什么是“var选择器”,为什么没有设置?为什么不用$(“#piechartval”)而不是getElementById设置隐藏文本值? –

回答

-1

试试这个代码,看看会发生什么:

<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 
} 

编辑:在一个侧面说明,使用一个类上隐藏的DIV,作为ID WIL l由于runat="server"而改变。修正了代码以反映这一点。

0

我建议你不要在你的服务器响应中使用标记,而是坚持使用JSON。我疯狂的猜测是你抓住了标记错误的inputdiv标记。如果你返回JSON,那么它就像。

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

为了我自己的理解,所有你需要的是更新的输入值属性

<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 
} 
+0

试过但没有工作 – user207888