如何在hmtl5頁面上顯示數據？

的HTML5代碼是如何在hmtl5頁面上顯示數據？

 <div id="tablpolicy" align="middle"> 
        <div class="policydiv"> 
         <div class="left"> 
          <span>Policy No.</span> 
         </div> 
         <div class="right"> 
          <label for="policyno" data-inline="true" id="policylbl"></label> 
         </div> 
        </div> 
        <div class="policydiv"> 
         <div class="left"> 
          <span>Quote No.</span> 
         </div> 
         <div class="right"> 
          <label for="quoteno" data-inline="true" id="quotelbl"></label> 
         </div> 
        </div> 
        <div class="policydiv"> 
         <div class="left"> 
          <span>Product Name</span> 
         </div> 
         <div class="right"> 
          <label for="productname" id="productlbl"></label> 
         </div> 
        </div> 
</div>

和我的jQuery代碼是

$.ajax({ 
     type:"GET", 
     url:"webservices.xml", 
     contentType:"text/plain; charset=UTF-8", 
     success: function(data){ 
    var renewpolicy= $(data).find("renewpolicy"); 
      var quotenumber=$(renewpolicy).find("QuoteNumber").text(); 
      var policyno=$(renewpolicy).find("PolicyNumber").text(); 
      var custid=$(renewpolicy).find("custid").text(); 
      var productname=$(renewpolicy).find("ProductName").text(); 
} 
})

我解析xml文件獲得quotenumber，policyno，客戶ID，產品名稱value.Now我想DISPLY對這些標籤值如何將這些xml標籤值設置爲abobe標籤以及我必須使用哪個事件？我們可以使用任何查詢字符串嗎？請幫幫我。在此先感謝！

來源

2012-09-11 Ekta Shukla

只要您使用'align'屬性，您的代碼就不是HTML5。 – moonwave99

在成功回調中放置如下。

$("#quotelbl").html(quotenumber); 
$("#policylbl").html(policyno); 
$("#productlbl").html(productname);

雖然我看不到您的customerId標籤。

$("#quotelbl")是jQuery選擇器。在這裏，您將標籤的名稱放在前面。

.html()這是一個jQuery函數，要麼返回一個屬性的HTML，要麼將一個值傳遞給它，設置html。

來源

2012-09-11 14:38:18

，更優選使用模板。我建議Knockout - http://knockoutjs.com/，儘管如果你有一點jQuery體驗並且只想實現一些簡單的東西，它可能有點像學習曲線。 –

wel我不想知道如何顯示標籤上的數據..我想知道在哪個事件將數據分配到標籤，以便它可以顯示在表 –

意味着我必須使用像頁面加載，文檔.ready（功能（）等 –

success回調函數添加在末尾$( your_selector ).html( your_text )。

在你的情況下，你應該使用：

$('#policylbl').html(policyno); 
$('#quotelbl').html(quotenumber); 
$('#productlbl').html(productname);

你應該決定如何處理custid變量做。

來源

2012-09-11 14:37:21 alexbusu

我的問題是與custid，我將manage.My唯一的問題是在哪個事件我分配值的表，以便它可以顯示在頁面上.Actualy按鈕單擊我naviage到我設計此表的頁面。現在我想要在這些標籤上顯示解析數據。作爲@ moonwave99提到的 –

你想聽聽jQuery selectors，則：

$.ajax({ 
    type:"GET", 
    url:"webservices.xml", 
    success: function(data){ 

     var renewpolicy = $(data).find("renewpolicy"); 
     $('#policylbl').text(renewpolicy); 

    } 
});

反正我不建議你走這條路 - 這是更好地產生所有在成功回調[通過模板]標記比注射空元素中的值。

順便說一句，你說你的請求格式在contentType:"text/plain; charset=UTF-8"，但你沒有提供任何請求主體[即參數]，所以克服它。

來源

2012-09-11 14:40:32 moonwave99

好吧，我得到了表中的數據..謝謝！ –

如何在hmtl5頁面上顯示數據？

回答

相關問題