Question

我的html5代码是

     <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，custid，productname value。现在我想在表格中的上述各个标签上显示这些标签值。如何将这些xml标签值设置为abobe标签以及哪个事件应该我必须使用？我们可以使用任何查询字符串吗？请帮我。在此先感谢!!

Answer 1

在success回调函数中添加$( your_selector ).html( your_text )。

在你的情况下你应该使用：

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

您应该决定如何处理custid变量。

Answer 2

在成功回调中提出以下内容。

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

我无法看到您的customerId标签在哪里。

$("#quotelbl")是jQuery选择器。在这里，您将标签的名称放在前面。

.html()这是一个jQuery函数，它返回属性的html，或者如果你传入一个值，则设置html。

Answer 3

您希望了解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"，但您没有提供任何请求正文[即参数]，所以克服它。

如何在html5页面上显示数据？

3 个答案: