Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自动创建包含锚定标记的listview项目_Javascript_Jquery_Html_Ajax_Jquery Mobile - Fatal编程技术网

Javascript 自动创建包含锚定标记的listview项目

Javascript 自动创建包含锚定标记的listview项目,javascript,jquery,html,ajax,jquery-mobile,Javascript,Jquery,Html,Ajax,Jquery Mobile,我正在用Jquery手机制作一个webapp。我从webservice函数中获取了数据。 现在,为了在我的网页中获取这些数据,我使用了一个ajax调用 $('[data-role=page]').live('pageshow', function () { var userId = $("#userId").val(); $.ajax({ url: "~SYSTEM.URL~~CAMPAIGN.URL~/SelligentMobile/Webservic

我正在用Jquery手机制作一个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中应该是我从服务器返回的所有数据。这些数据是一个新闻话题。它应该像这样表现出来

<li><a href="~PROBE(239)~">~ITEM.ONDERWERP~ </a></li>
  • 我的问题是,如何为我从webservice函数返回的每条记录创建上面的行

    亲切的问候


    您可以使用Stef轻松实现这一点。

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

    $("<li/>").append($("<a/>")
        .attr("href", <HREF FROM YOUR DATA>)
        .text(<TEXT FROM YOUR DATA>)
    );
    
    $(“
  • ”)。追加($(“”) .attr(“href”,) .text() );
    var nieuwtjes=response.d;
    如果(nieuwtjes.length>0){
    var html='';
    $.each(nieuwtjes,函数(i,实体){
    html+='
  • '; }); $('#nieuwtjesList')。追加($(html)); }
    这个库看起来很棒,但它仍处于测试阶段,而且这里的用例非常简单愚蠢;=)它可能永远不会推出测试版,但我对它没有任何问题。
    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));
            }