zoukankan      html  css  js  c++  java
  • ajax循环数据

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <title>无标题文档</title>
     6 </head>
     7 
     8 <body>
     9 <input type="button" value="按钮" />
    10 <ul class="txtBox">
    11     
    12 </ul>
    13 <script src="http://vscss.com/dm/jquery.js"></script>
    14 <script src="ajax.js"></script>
    15 <script>
    16 $(function(){
    17     $('input').click(function(){
    18         ajax('duanmu.txt?dm='+new Date().getTime(),function(str){
    19             var arr = eval(str);
    20             var $html = "";
    21             for(var i=0;i<arr.length;i++) {
    22                 $html += '<li>用户名:<span class="userTxt">'+arr[i].user+'</span>,密码:<span class="passTxt">'+arr[i].pass+'</span></li>';
    23             };
    24             $($html).appendTo('.txtBox');    
    25         },function(){
    26             alert('失败');    
    27         })    
    28     });    
    29 });
    30 </script>
    31 </body>
    32 </html>

     [{user: 'blue', pass: '123456'},{user: '张三', pass: '654321'},{user: '李四', pass: '789456'},{user: '王五', pass: '7777'}] 

  • 相关阅读:
    设计模式
    显示WiFi密码
    05-变量
    04-杂谈
    03-杂谈
    02-杂谈
    01-linux介绍、命令
    14-python--inner
    13-python--bibao
    11-python-iterator
  • 原文地址:https://www.cnblogs.com/vscss/p/5595565.html
Copyright © 2011-2022 走看看