0

这个问题已被多次询问和回答，但我无法让它发挥作用。我的问题看起来像这个，这个和第三个例子。

我想做的是从这个和这个问题中的 JSON 对象填充一个选项框。它们都略有不同，但相似，但我无法让它工作。这是我来自网络服务的代码：

<System.Web.Script.Services.ScriptService()> _
<WebService(Namespace:="http://tempuri.org/")> _
<WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _
<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _
Public Class Service
Inherits System.Web.Services.WebService

<WebMethod()> _
<ScriptMethod(ResponseFormat:=ResponseFormat.Json)> _
Public Function HelloWorld(ByVal p_productCategoryId As Integer) As String
    Dim productCategory = ProductService.GetProductCategory(p_productCategoryId)

    'Dim productList = ProductService.GetProducts(productCategory)
    Dim productList = New List(Of Product)
    For cnt = 1 To 3
        Dim product = New Product(cnt)
        product.Productname = cnt.ToString & "|" & cnt.ToString
        productList.Add(product)
    Next

    Return productList.ToJSON

End Function

End Class

 <System.Runtime.CompilerServices.Extension()> _
Public Function ToJSON(Of T)(p_items As List(Of T)) As String
    Dim jSearializer As System.Web.Script.Serialization.JavaScriptSerializer = New System.Web.Script.Serialization.JavaScriptSerializer()
    Return jSearializer.Serialize(p_items)
End Function

如果我使用以下代码：

function Test() {
  $.ajax({
     type: "POST",
     url: "Service.asmx/HelloWorld",
     data: "{'p_productCategoryId' : 1 }",
     contentType: "application/json; charset=utf-8",
     dataType: "json",
     success:function(msg){
        alert(msg.d)
        },
     error: function() {
      alert("An error has occurred during processing your request.");
                        }
  });

};

我得到这个结果：

[{"Id":1,"IsActive":false,"Category":null,"Productname":"1|1","Price":0},
{"Id":2,"IsActive":false,"Category":null,"Productname":"2|2","Price":0},
{"Id":3,"IsActive":false,"Category":null,"Productname":"3|3","Price":0}]

这似乎没问题。

如果我从味精中删除“d”。警报中的结果是：

[object Object]

填充选项框的“进行中”代码是这样的（目前:)：

function Test() {
$.ajax({
    type: "POST",
    url: "Service.asmx/HelloWorld",
    data: "{'p_productCategoryId' : 1 }",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        $("#prd_id").empty().append($("<option></option>").val("[-]").html("Please select"));
        $.each(msg.d, function () {
                           $("#prd_id").append($("<option></option>").val(this['Id']).html(this['Productname']));
        });
    },
    error: function () {
        alert("An error has occurred during processing your request.");
    }
});

};

从我之前提到的示例中，我尝试了几种方法让它工作，但无济于事。使用 msg.d 使用字符串中的字符数填充选项框。我尝试使用“getJSON”从“msg”显式创建一个 JSON 对象。（这不是“数据类型”的用途吗？）我不能使用命名对象，因为我没有你在示例数据中看到的那样。我错过了什么？

有些我无法让代码看到数组有三个条目。

4

3 回答 3

1

我可能会使用Option构造函数而不是 HTML。

假设msg.d真的是数组（该.d属性是 ASP.Net 的东西）：

success: function (msg) {
    var options = $("#prd_id")[0].options;
    options.length = 0;
    options.add(new Option("Please select", "[-]"));
    $.each(msg.d, function () {
        options.add(new Option(this.Productname, this.Id));
    });
},

实例| 资源

构造Option函数将文本作为第一个参数，将值作为第二个参数。元素上的options列表select有点像数组，只是为了与旧版浏览器兼容，而不是push您使用add（或分配给options[options.length]，两者都可以）。

或者如果msg是数组（否.d），只需删除.d：

success: function (msg) {
    var options = $("#prd_id")[0].options;
    options.length = 0;
    options.add(new Option("Please select", "[-]"));
    $.each(msg, function () {
        options.add(new Option(this.Productname, this.Id));
    });
},

实例| 资源

如果您的响应没有以正确的 MIME 类型发回，msg则实际上可能是文本，而不是数组。如果是这样，您希望通过返回正确的 MIME 类型 ( application/json) 在服务器上修复它，尽管您可以手动解析它：

msg = $.parseJSON(msg);

...然后使用上面的。或者，当然，如果它回来了msg.d（尽管这似乎不太可能）：

msg.d = $.parseJSON(msg.d):
于 2013-10-28T10:21:56.153 回答
0

你可以这样做：

$.each(msg.d, function (key, value) {
    $("#prd_id").append($("<option/>").val(value.Id).html(value.Productname));
});

小提琴演示

于 2013-10-28T10:19:22.837 回答
0

我尝试根据您的问题使用我的 REST WCF 进行复制，它返回相同的 JSON 数据，并且下面的示例有效，

<script type="text/javascript">
$(document).ready(function() {
});
var GetRawList = function() {
    $.ajax({
        type: "GET",
        url: "RestService/HelloWorld",
        contentType: "application/json;charset=utf-8",
        dataType: "json",
        success: function(data) {
  //Change this "data.d" According to your returned JSON output header. 
            var result = data.d;  
   $("#prd_id").empty().append($("<option></option>").val("[-]").html("Please select"));
            $.each(result, function(key, value) {
            $("#prd_id").append($("<option/>").val(value.Id).html(value.Productname));
            });
        },
        error: function(xhr) {
            alert(xhr.responseText);
        }
    });
}

于 2013-10-28T12:46:28.443 回答