无法使用Jquery访问客户端的restful服务

Question

这是我第一次使用Jquery，我使用jquery来访问restful服务。当我单独运行服务项目时，我可以看到XML格式数据。但是当我试图通过Jquery访问时，我无法访问数据。

我尝试了下面URl中解释的相同示例 http://www.topwcftutorials.net/2013/10/consume-REST-service-using-jQuery.html

 <script type="text/javascript">            
        $(document).ready(function () {                
            $.ajax({
                type: "GET",
                url: "http://localhost:2356/ProductRESTService.svc/GetProductList/",
                dataType: "xml",
                success: function (xml) {
                    $(xml).find('Product').each(function () {
                        var id = $(this).find('ProductId').text();
                        var name = $(this).find('Name').text();
                        var price = $(this).find('Price').text();
                        var category = $(this).find('CategoryName').text();

                        $('<tr><td>' + id + '</td><td>' + name + '</td><td>' + price + '</td><td>' +
                                     category + '</td></tr>').appendTo('#products');
                    });

                },
                error: function (xhr) {
                    alert(xhr.responseText);
                }
            });
        });
  </script>

我使用Jquery来调用上面的restful服务。此方法调用并以错误结束。太警报的框会给出空值。

WCF服务

[ServiceContract]
public interface IProductRESTService
{
    [OperationContract]
    [WebInvoke(Method = "GET", ResponseFormat = WebMessageFormat.Xml,
              BodyStyle = WebMessageBodyStyle.Bare, UriTemplate = "GetProductList/")]
    List<Product> GetProductList();
}