使用jQuery消费Java RESTful webservice

Question

使用jQuery来使用RESTful Web服务是我想要实现的。 成功完成本教程后。 其中一个文件类型是JSON文件。 我想使用jQuery读取要在HTML文件上显示的JSON文件中的值。 这是到目前为止编写的代码来测试它，但它没有提供正确的输出，我该怎么办？

这是jQuery文件

$(document).ready(function() {
    $.ajax({
        url: "http://localhost:8080/WMWebServiceApplication/webresources/com.mycompany.wmwebserviceapplication"
    }).then(function(data) {
       $('.discountCode').append(data.discountCode);
       $('.rate').append(data.rate);
    });
});

这些是使用Java创建的Web服务的参数

URL: http://localhost:8080/WMWebServiceApplication/webresources/com.mycompany.wmwebserviceapplication.discountcode

JSON参数和值

[{"discountCode":"H","rate":16.00},{"discountCode":"M","rate":11.00},{"discountCode":"L","rate":7.00},{"discountCode":"N","rate":0.00}]

请求方法

![GET(application/json)][3]

Answer 1

这是因为你在JSON中收到一个对象数组，所以例如如果你想访问第一个元素，你应该写：

$(document).ready(function() {
    $.ajax({
        url: "http://localhost:8080/WMWebServiceApplication/webresources/com.mycompany.wmwebserviceapplication"
    }).then(function(data) {
        $('.discountCode').append(data[0].discountCode);
        $('.rate').append(data[0].rate);
    });
});

Answer 2

这是一种循环数据并检索所有值的方法 - http://jsfiddle.net/jayblanchard/cb62m/

for(i = 0; i < data.length; i++) {
    $('.discountCode').append(data[i].discountCode + ' ' + data[i].rate + '<br />');
}