Question

我创建了一个WCF项目，我试图在列表框中显示一些信息。我想当我点击一个按钮时，它会调用我的方法并将其显示在列表框中。我的方法工作正常，但我无法在列表框中显示它。这是我正在尝试的代码：

＆＃13;

        $('#btnListBlob').click(function () {
            $.ajax({
                type: "POST",
                url: 'http://localhost:50525/BlobService.svc/ListBlob',
                data: JSON.stringify(),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                processData: true,
                success: function (data) {
                    $(data).appendTo('#blobList')
                    alert('listed');
                },
                error: function (data) {
                    alert('Some error Occurred!');
                }
            });
        });

＆＃13;

我希望我在URL中调用的方法显示在我的#blobList中。

Answer 1

您可能需要查看要附加的数据。数据应采用以下形式：

$('.change').click(function(){
    var img=$(this).data('img');
    $(this).children('img').attr('src', img);
});

请记住，您要附加HTML而不是只附加数据。

我想说放一个console.log并尝试调试从服务器收到的数据。

<option value="5">item 5</option>

的console.log（数据）

$('#btnListBlob').click(function () {
        $.ajax({
            type: "POST",
            url: 'http://localhost:50525/BlobService.svc/ListBlob',
            data: JSON.stringify(),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            processData: true,
            success: function (data) {

Answer 2

您可能会发现一些有用的建议：

// only update the dom on click
// also use the new on() method
$('#btnListBlob').on("click", function () {
    $("#blobList").html(processData())
});

// separate the call and data processing
var serverData = {"fakeServerData":[
    {"data": "test data 1"},
    {"data": "test data 2"}
]};

function processData(){
    var options ="";
    for( var i = 0 ; i < serverData.fakeServerData.length ; i++){
        options += "<option>" + serverData.fakeServerData[i].data + "</option>";
    }

    return options;
}

希望它有所帮助，祝你好运！

在列表框中显示方法的结果

2 个答案: