Javascript jQuery Ajax POST请求获取数据

我有一个如下链接：

 //GetAll

        [OperationContract]

        [WebInvoke(Method = "POST", UriTemplate = "GetAll/{Token}", ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.Bare )]

        List<DataModal.Main.Company > GetAll(string Token);

//GetAll
[经营合同]
[WebInvoke（Method=“POST”，UriTemplate=“GetAll/{Token}”，ResponseFormat=WebMessageFormat.Json，BodyStyle=WebMessageBodyStyle.Bare）]
列表GetAll（字符串令牌）；

我正试图使用jQuery Ajax来实现这一点，我制作了如下内容：

$("#btnCom").click(function(){
    $.ajax({
        type: "POST", //REQUEST TYPE
        dataType: "json", //RESPONSE TYPE
        url: "http://ws/method/token", // URL OF THE WS
        success: function(data) {
            $.each(data, function(i) {
                if (data.length != i) {
                    $('#list').append("<option>" + data[i].Name + "</option>"); //fILL THE DDL. FOR EACH ITEM RETURNED ADD DATA[NAME] TO ONE LINE OF THE DDL.
                }
            });
        },
        error: function(err) {
            console.log("AJAX error in request: " + JSON.stringify(err, null, 2));
        }
    }).always(function(jqXHR, textStatus) {
        if (textStatus != "success") {
            alert("Error: " + jqXHR.statusText);
        }
    })
});

$（“#btnCom”）。单击（函数（）{
$.ajax({
类型：“POST”，//请求类型
数据类型：“json”，//响应类型
url:“http://ws/method/token“，//WS的URL
成功：功能（数据）{
$。每个（数据、功能（i）{
if（data.length！=i）{
$（“#list”）.append（“+data[i].Name+”）；//填充DDL。对于返回的每个项目，将数据[Name]添加到DDL的一行。
}
});
},
错误：函数（err）{
log（“请求中的AJAX错误：+JSON.stringify（err，null，2））；
}
}).always（函数（jqXHR、textStatus）{
如果（textStatus！=“成功”）{
警报（“错误：+jqXHR.statusText”）；
}
})
});

但我认为返回一些数据的POST请求不能在这里使用，我也不能为自己找到任何解决方案

有人能帮我吗

更新：

按钮代码（任何形式之外）： 试试这个

$.ajax({
        type: "POST", //REQUEST TYPE
        dataType: "json", //RESPONSE TYPE
        url: "http://ws/method/token", 
        data: (
        {
            token: put token here
        }),
        success: function(data) {
            $.each(data, function(i) {
                if (data.length != i) {
                    $('#list').append("<option>" + data[i].Name + "</option>"); //fILL THE DDL. FOR EACH ITEM RETURNED ADD DATA[NAME] TO ONE LINE OF THE DDL.
                }
            });
        },
        error: function(err) {
            console.log("AJAX error in request: " + JSON.stringify(err, null, 2));
        }
    }).always(function(jqXHR, textStatus) {
        if (textStatus != "success") {
            alert("Error: " + jqXHR.statusText);
        }
    })
});

$.ajax({
类型：“POST”，//请求类型
数据类型：“json”，//响应类型
url:“http://ws/method/token", 
数据：(
{
令牌：把令牌放在这里
}),
成功：功能（数据）{
$。每个（数据、功能（i）{
if（data.length！=i）{
$（“#list”）.append（“+data[i].Name+”）；//填充DDL。对于返回的每个项目，将数据[Name]添加到DDL的一行。
}
});
},
错误：函数（err）{
log（“请求中的AJAX错误：+JSON.stringify（err，null，2））；
}
}).always（函数（jqXHR、textStatus）{
如果（textStatus！=“成功”）{
警报（“错误：+jqXHR.statusText”）；
}
})
});

这里有什么东西不起作用吗？POST返回一些数据是完全正确的，所以它应该work@Andrey是的，这里没什么用。我已经挣扎了一天，控制台没有错误，什么都没有。当我点击按钮时，页面只是无缘无故地重新加载，没有得到任何响应。我相信你的按钮处于表单中，表单已提交。这些答案可以帮助你@Andrey提前谢谢你帮助我bud。非常非常感谢，但是我的按钮没有在任何表格中，我对此非常着迷。我已经用打印屏幕更新了这个问题。你改变了什么？包含代码但没有解释的答案没有多大帮助。@ChinaSyndrome也不起作用。当我点击按钮，它应该启动的功能，我的网站只是有点重新加载我不明白为什么。。。