Question

我正在使用Jquery Mobile制作一个webapp。我从webservice函数中获取了数据。现在要在我的网页上获取这些数据，我正在使用ajax调用。

$('[data-role=page]').live('pageshow', function () {
var userId =  $("#userId").val();
        $.ajax({
            url: "~SYSTEM.URL~~CAMPAIGN.URL~/SelligentMobile/Webservice/WebService.asmx/getNieuwtjes",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: "{'userId':'" + userId + "'}",
            success: function (response) {       
            var nieuwtjes = response.d;
              if (nieuwtjes.length > 0) {   
                        $.each(nieuwtjes, function (i, entity) {
                    $('#nieuwtjesList').append(
                            //Here come's the data from web function         
                  });
            } 
        }        
      });
});

现在#nieuwtjesList应该来自我从服务器返回的所有数据。这些数据是newsTopic。它应该像这样显示出来。

<li><a href="~PROBE(239)~">~ITEM.ONDERWERP~ </a></li>

我的问题是，如何为我从网络服务功能返回的每条记录创建上面的行。

亲切的问候。

燕姿

Answer 1

您可以使用此代码创建要为每行添加的HTML

$("<li/>").append($("<a/>")
    .attr("href", <HREF FROM YOUR DATA>)
    .text(<TEXT FROM YOUR DATA>)
);

Answer 2

您可以使用jQuery.tmpl轻松实现此目的。

Answer 3

var nieuwtjes = response.d;
          if (nieuwtjes.length > 0) {   
                    var html ='';
                    $.each(nieuwtjes, function (i, entity) {
                     html += '<li><a href="'+ _urs_href_data+'">'+ i.ONODERWERP+'</a></li>';
                   });

                $('#nieuwtjesList').append($(html));
        }

自动创建包含锚标记的列表视图项

3 个答案: