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‘}]

时间: 2024-10-31 17:29:24

ajax循环数据的相关文章

框架 day50 BOS项目 4 批量导入(ocupload插件,pinyin4J)/POI解析Excel/Combobox下拉框/分区组合条件分页查询(ajax)/分区数据导出(Excel)

知识点: 批量导入(ocupload插件,pinyin4J /POI解析Excel(apache POI) /区域分页查询 /Combobox下拉框 /分区组合条件分页查询(ajax) /分区数据导出(Excel下载) BOS项目笔记第4天 1.    区域批量导入功能 *Ajax不支持文件上传. *上传并且不刷新上传页面原理: Target到一个0,0,0的隐藏iframe里,造成一个没有刷新的假象 <form target="myIframe" action="ab

ajax大数据排队导出+进度条

描述 :我们现在有很多数据,分表存放,现在需要有精度条的导出.最后面有完整源码. 效果图: 点击导出,实现 点击导出 统计完成之后 点击确定 前面导出操作简单,从第二个导出操作开始: 点击"确定"调用exportCsv函数 <a class="on" href="javascript:exportCsv();"><em>导出</em></a> exportCvs函数如下 function expor

使用AJAX添加数据!

在数据库当中建一张表!写上需要打印出来的值内容!以下每句代码都有注释 多的我就不说了,具体代码如下所示: 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> 4 <script type="text/javascript" src="pp.js"></

JavaWeb开发中form、ajax提交数据Model转化

JavaWeb开发中form.ajax提交数据Model转化 问题 最近学习MongoDB数据库,作为java开发的我,当然需要做个小的web程序来测试一番了.在html中我采取ajax提交方式,因为我要模拟各种类型的数据,基础数据类型.数组.对象等.然而,最终发现了个不同的地方:Form和ajax提交数据,在HttpServletRequest中尽然参数名有所不同. 数据类型 form ajax 基础数据 para=value para=value 数组 para[]={"aaa",

如何去除AJAX收到数据中包含的html页面数据

问题: 如下代码所示,我用AJAX收到来自url: 'kzkj_check.jsp',返回的数据msg,总是包含页面的html数据,可是我只想要我返回的数据“false”, $.ajax({ url: 'kzkj_check.jsp', async:false, data: 'un='+ $('#userName').val() +'&pw=' + $('#passWord').val(), type: "get", success: function(msg){ if(msg

Ajax获取数据后append追加到表格内出现格式混乱的错误

Ajax获取数据后append追加到表格内出现追加的数据与表格风格不同的错误: $("#courierTable").append("<tr style='text-align: center'> class='tab-content'") $("#courierTable").append("<tr style='text-align: center'> class='tab-content'") $

django + jQuery AJAX POST数据

废话少说,直接代码伺候: views: from django.http import JsonResponse def test_post(request): name = request.POST['name'] city = request.POST['city'] qq = request.POST['qq'] dict = {'name':name,'city':city,'qq':qq} return JsonResponse(dict) def test(request): ret

vue 中使用 AJAX获取数据的方法

在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: <script type="text/javascript"> new Vue({ el:'#app', data:{data:""}, created:function(){ var url="json.jsp"; var _self=this; $.get(url,function(data){ _se

原生ajax调用数据简单实例代码

原生ajax调用数据简单实例代码:由于jQuery的盛行,现在使用较多的是jQuery封装好了的ajax,因为解决了浏览器兼容性问题,这对程序员来说就等于去掉了一个心头大患,但并非原生ajax就销声匿迹,并且本人感觉还是对原生的ajax有所了解的好,下面就是一段ajax数据调用的实例代码,非常的简单,初学者可以参考一下.代码如下:一.兼容浏览器部分: function xmlHttpR() { var xmlhttp; if(window.XMLHttpRequest) { xmlhttp=ne