Js动态创建新闻列表

标签：js

<script type="text/javascript">

//$->jQuery

  $(document).ready(function() {

//alert("------------");

   //1实现增加的操作

   

   

    $.ajax(

    {

     
url:"SchoolNewsServlet
",

     success:function(result)

     {

      //传递过来的json数据可以是json对象也可以是json串，json对象可以与json串相互转换

     //此处传递过来只有一个news对象，所以要遍历news数组

   var obj = eval ("(" + result + ")");

    var spv=document.getElementById(‘newsul‘);

    //alert(obj.news.length);

    var newsli;

    var newsStr="";

     for(var i=0;i<obj.news.length;i++)

    {  

      //创建列表

    newsli ="<li class=\"list-group-item\" id=\"li"+i+"\"></li>";

    newsStr = newsStr+newsli;

         spv.innerHTML=newsStr;

        // alert(newsli);

     //var liname = ‘#li‘+i;

    

    }  

     for(var i=0;i<obj.news.length;i++)

     {  

      //在列表里添加新闻

       

       

     

     var liname = ‘#li‘+i;

     

       $(liname).html(obj.news[i].tittle); 

    } 

      }

     });

   

  });

</script>

本来是要配图的，me挂了，凑合着看吧（修好了）

本文出自 “p6xos” 博客，请务必保留此出处http://p6xos.blog.51cto.com/6221518/1658711

Js动态创建新闻列表

标签：js

原文地址：http://p6xos.blog.51cto.com/6221518/1658711