2013-09-05 70 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