如何使用 JQuery 遍历从 Web 服务返回的字符串列表

Question

这是我的第一次 JQuery 体验，而且我的最后期限非常紧迫。这是一个有点尴尬的问题，但这里有。我正在调用一个返回字符串列表的 Web 服务（它工作并返回 OK）。代码如下

$(document).ready(
    function() 
    {
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "CatList.asmx/GetCatergoies",
            data: "{}",
            dataType: "json",
            success: onActionCompleted
        });
    }
)

function onActionCompleted(data) {

    var resultData = data['d'];
    alert(resultData);
 }

警报会生成一个逗号分隔的 Web 服务结果字符串。我一生都无法弄清楚如何迭代结果。当我做这样的事情时：

resultData.each(
   alert(this)
)

我在 Firebug 中得到的只是这个错误：

resultData.each is not a function

任何指针？

Answer 1

使用 Array.split() 将产生一个数组：

var string = "red,blue,green,orange"

$.each(string.split(','), function(){
  alert(this)
})

Answer 2

考虑 string.split() 而不是 jQuery：

var items = results.split(',');

for( var i = 0; i < items.length; i++ ) {
  alert( items[i] );
}

Answer 3

听起来您的网络服务给了您一个 csv 字符串。将其拆分为一个数组，将 jQuery 包裹在其周围，并为每个元素添加一个回调函数，如下所示：

$(resultData.split(",")).each(function () {
    alert(this);
});

Answer 4

谢谢！如果没有反馈，我将无法解决它。我仍然不完全确定 resultData 是什么格式。我在代码上做了一些复制和粘贴，所以不确定哪些 data['d'] 将列表转换为 json 术语。

当我尝试拆分 resultdata 时，我在 Firebug 中遇到了这个错误：

resultData.split 不是函数

最后，我只是在没有拆分的情况下在 resultdata 上使用了 $.each() 并且它起作用了。

function onActionCompleted(data) {

    var resultData = data['d'];
    $.each(resultData, function() {
        alert(this)
    })
}