使用 jquery Ajax 调用 WCF 服务失败，请求响应错误

Question

在不知道确切问题的情况下，调用 wcf web 服务使用 jquery-Ajax 失败，请求错误。 它甚至没有调用任何方法成功或失败。 web 服务和网站都使用 iis 部署在同一台服务器上

错误：

Failed to load resource: the server responded with a status of 400 (Bad Request)

该代码用于调用服务方法：

function test(){
     try {

       
        code = getValuesWrittenInTheURL[0] + "";

       
        var query = "select taskstatus,tasksubstatus,Lat,Lng,elementID from tasks_gvt where code = '" + code + "'";
        
        $.ajax({
            type: "POST",
            async: true,
            url: IP + "/GetData", 
            data: JSON.stringify({ Query: query }),
            dataType: "json",
            success: function (data) {
                debugger;
                console.log("data: ",data);
           
            },
            failure: function (errMsg) {
                debugger;
                console.log("err",errMsg);
                
            }
           
        });
    } catch (error) {
        console.log("alaaError", error.message);
    }
    
}

wcf web 服务运营合同：

 [WebInvoke(Method = "POST", RequestFormat = WebMessageFormat.Json, UriTemplate = "GetData", BodyStyle = WebMessageBodyStyle.WrappedRequest)]
        Response GetData(String Query);

准备为您提供更多详细信息。

Answer 1

下面是我成功接入服务的Ajax，可以参考：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ajax</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
$(document).ready(function(){
    $("button").click(function () {
        code = "code";
        var query = "select taskstatus,tasksubstatus,Lat,Lng,elementID from tasks_gvt where code = '" + code + "'";
        da={"Query":query}
        $.ajax({
            type: "Post",
            dataType: "json",
           contentType: "application/json;charset=utf-8",
           data: JSON.stringify(da),
            url: "http://localhost/Service1.svc/GetData", success: function (result) {
        }});
    });
});
    </script>
</head>
<body>


    <button>Call WCF Rest Service</button>

</body>
</html>

你需要设置contentType，我看到你设置了BodyStyle为Wrapped，如果设置为Wrapped，请求格式应该是这样的：

{"Query":query}

使用 jquery Ajax 调用 WCF 服务失败，请求响应错误

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-07-15 05:45:28

使用 jquery Ajax 调用 WCF 服务失败，请求响应错误

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-07-15 05:45:28

解决方案1
1 已采纳 2020-07-15 05:45:28