使用jQuery使用Java RESTful Web服务

Question

使用jQuery来使用RESTful Web服务是我想要实现的目标。成功完成此tutorial后。其中一个文件类型是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 />');
}