使用jquery webservice调用填充下拉列表时出错

Question

由于某种原因，当我测试将json字符串解析为dropdownlist时，它确实可以做到这一点

  var json = [{ "Id": "12345", "WorkUnitId": "SR0001954", "Description": "Test Service Request From Serena", "WorkUnitCategory": "ServiceRequest" }, { "Id": "12355", "WorkUnitId": "WOR001854", "Description": "Test Work Order From Serena", "WorkUnitCategory": "ServiceRequest" }, { "Id": "12365", "WorkUnitId": "DBR001274", "Description": "Test Database Related Service Request From Serena", "WorkUnitCategory": "ServiceRequest"}];

            $(json).each(function() { comboboxWorkUnit.append($('<option>').val(this.Id).text(this.WorkUnitId)); });

但是，当我尝试从Web服务中获取json并将其放入dropdownlist时，我收到一条错误消息，说dropdownlist不支持此方法 。

$.ajax({   
type: "POST",   
url: "Services/WorkUnitService.asmx/WorkUnit",   
data: "{'Number' : '" + Number.text()  + "','Id': '" + combobox.val() + "','workerType': '" + EmployeeType + "'}",   
contentType: "application/json; charset=utf-8",   
dataType: "json",   
success: function(json) {
$(json).each(function() { comboboxWorkUnit.append($('<option>').val(this.Id).text(this.WorkUnitId)); });

} }); 

我也尝试了哪个调用了webservice方法，但是遇到了错误

  $.postJSON("Services/WorkUnitService.asmx/WorkUnitsForParAndPhase", "{'parNumber' : '" + parNumber + "','phaseId': '" + combobox.val() + "','workerType': '" + EmployeeType + "'}", function(data) {
        alert(data.toString()); 
        }); 

我尝试过这个从来没有所谓的网络服务

 $.getJSON('Services/WorkUnitService.asmx/WorkUnitsForParAndPhase' + parNumber + '/' + combobox.val() + '/' + EmployeeType,
    function(myData) {
        alert(myData.toString());
    });

Answer 1

您确定服务会返回JSON对象吗？

Answer 2

您可以尝试使用Fiddler2并测试要发送到Web服务的请求。

下面是一个与您正在执行的操作类似的工作示例，但使用GET除外。

$.getJSON('Service.asmx?data=123', function (data) {
    var html = '';
    var len = data[0].length;
    for (var index = 0; index < len; index++) {
        html += '<option value="' + data[0][index] + '">' + data[1][index] + '</option>';
    }
    $('#yourDivId').append(html);
});

Answer 3

我没有意识到在asp.net中使用jquery来调用我们需要使用.d的Web服务时

$.ajax({  
   type: "POST",
     url: "Services/WorkUnitService.asmx/WorkUnit",
     data: "{'Number' : '" + Number.text()  + "','Id': '" + combobox.val() + "','workerType': '" + EmployeeType + "'}",
     contentType: "application/json; charset=utf-8",  
   dataType: "json",
     success: function(json) {  
$(json).each(function() { 
alert(json.d);
 });