如何从JavaScript客户端传递参数给WCF Rest服务的方法？

Question

我有一个wcf服务运行，其中包含一个返回字符串的方法。我能够成功地在浏览器中运行服务。此外，我甚至可以传递所需的参数，并可以在浏览器中看到结果。

但是，当我试图从javascript客户端调用相同的方法参数值不传递给该方法，因此它不返回任何内容。

这里是我的服务retuns从浏览器

跑这里来当我的接口实现：

[OperationContract] 

      [WebInvoke(Method = "GET", 
      ResponseFormat = WebMessageFormat.Json, 
      BodyStyle = WebMessageBodyStyle.Wrapped)] 
      string JSONData(string id); 

这里是我的服务方法的实现代码：

public string JSONData(string id) 
    { 
     if (id == null || id == "") 
     { 
      return "Id is null"; 
     } 
     else 
     { 
      return "You requested product " + id; 
     } 
    } 

由于上面显示的服务工作正常罚款参数从URL传递。然而，当我拨打电话使用jQuery的函数参数不列入获得通过这里是我的JavaScript客户端的代码：

<script type="text/javascript"> 
     // A $(document).ready() block. 
     $(document).ready(function() { 
      // alert("pass"); 
      var valu = "123"; 
      $("#btnclick").click(function() { 
       debugger; 
       $.ajax({ 
        cache: false, 
        type: "GET", 
        async: false, 
        url: "http://localhost:35798/RestServiceImpl.svc/JSONData", 
        data: JSON.stringify(valu), 
        contentType: "application/json", 
        dataType: "json", 
        success: function (result) { 
         var ans = JSON.stringify(result); 
         alert("success"); 
         alert(ans); 
        }, 
        error: function (xhr) { 
         alert("error"); 
         alert(xhr.responseText); 
        } 
       }); 
      }); 
     }); 

    </script> 

我希望能够从jQuery代码传递参数。任何建议，以获得这项工作将非常感激。

Answer 1

VALU需要是一个关键值对：

var valu = {id:"123"}; 

或字符串：

var value = 'id="123"'; 

为了目前形成适当的请求。

在第一种情况下将它作为一个普通的JavaScript对象传递，不要将其串化。如果你做jQuery会将它作为字符串追加到请求中。

在浏览器中使用网络调试工具来解决这些问题。

这将正确连载你的查询字符串/JSONData?id=123，而不是你的解决方案产生/JSONData/"123"

你有编辑的代码...

<script type="text/javascript"> 
    // A $(document).ready() block. 
    $(document).ready(function() { 
     // alert("pass"); 
     var valu = {id: "123"}; 
     $("#btnclick").click(function() { 
      debugger; 
      $.ajax({ 
       cache: false, 
       type: "GET", 
       async: false, 
       url: "http://localhost:35798/RestServiceImpl.svc/JSONData", 
       data: valu, 
       contentType: "application/json", 
       dataType: "json", 
       success: function (result) { 
        var ans = JSON.stringify(result); 
        alert("success"); 
        alert(ans); 
       }, 
       error: function (xhr) { 
        alert("error"); 
        alert(xhr.responseText); 
       } 
      }); 
     }); 
    }); 

</script>