Web jquery ajax,EL遍历 js刷新 jquery遍历json数组填充表格 等等随笔
2016-03-31 15:18
786 查看
1.ajaX 局部刷新
type- 请求的类型 url- 地址 data- 参数多的话用逗号隔开
在使用 jquery之前先添加:<script type="text/javascript" src="<%=basePath%>js/jquery-1.7.2.min.js"></script>
调用:
2.使用EL表达c:foreach 是遍历之前要在jsp页面最顶端添加
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
序列号:怎么获得?
<c:forEach items="${list}" var="u" varStatus="status">
varStatus 是从0开始的所以序列号 就是 status.index+1
3.js刷新整个界面 ==F5:
location.reload(true) //刷新
默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")
4.jquery 遍历:
方法一:
$(selector).each(function(index,element));
index 选择器index的位置,element 当前的元素(也可使用 "this" 选择器)。
var json =[{"name":"张家伟","password":"123456"},{"name":"我推天下","password":"0000量"}];
//下面使用each进行遍历
$.each(json,function(i,item) {
alert(i+' '+item.name+''+item.password);
});
方法二:
type- 请求的类型 url- 地址 data- 参数多的话用逗号隔开
在使用 jquery之前先添加:<script type="text/javascript" src="<%=basePath%>js/jquery-1.7.2.min.js"></script>
function addProjetName(){ var projectName = $("#text_projectName").val(); $.ajax({ type : "POST", //提交方式 url:"/IS/project/add-project.html", data : { //参数 "projectName" : projectName }, success : function(result) {//返回数据根据结果进行相应的处理 if ( result == "Y" ) { $(".add_project , .bg").hide(); location.reload(true) //刷新 } else { alert("添加失败"); } } }); }
调用:
<div><a href="javascript:" onclick="addProjetName()">添加</a></div>
2.使用EL表达c:foreach 是遍历之前要在jsp页面最顶端添加
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:forEach items="${list}" var="u" varStatus="status"> <tr > <td>${ status.index + 1}</td> <!-- 序列 --> <td>${u.projectName}</td> <td><a href="index-list.html">${u.effectiveNum+u.invalidNum}</a></td> <td><a href="javascript:">${u.effectiveNum}</a></td> <td><a href="javascript:">${u.invalidNum}</a></td> <td>${u.recorder}</td> <td>${u.registTimeStr}</td> </tr> </c:forEach>
序列号:怎么获得?
<c:forEach items="${list}" var="u" varStatus="status">
varStatus 是从0开始的所以序列号 就是 status.index+1
3.js刷新整个界面 ==F5:
location.reload(true) //刷新
默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")
4.jquery 遍历:
方法一:
$(selector).each(function(index,element));
index 选择器index的位置,element 当前的元素(也可使用 "this" 选择器)。
var json =[{"name":"张家伟","password":"123456"},{"name":"我推天下","password":"0000量"}];
//下面使用each进行遍历
$.each(json,function(i,item) {
alert(i+' '+item.name+''+item.password);
});
方法二:
var json =[{"name":"王小姐","address":""}]; for(var i=0,l=json.length;i<l;i++){ for(var key in json[i]){ alert(key+’:'+json[i][key]); } }方法三:
var json =[{"name":"王小姐","address":""}]; 遍历方法: for(var p in obj){ str = str+obj[p]+’,’; return str; }5.循环遍历json数组并填充表格
<script type="text/jscript"> function each(){ var tableDom = $('table'); var html ="<tr class='title'> <td>序号</td><td>姓名</td><td>密码</td> </tr>"; var json =[{"name":"张家玮","password":"123456"},{"name":"我推天下","password":"0000量"}]; //下面使用each进行遍历 $.each(json,function(i,item) { alert(i+' '+item.name+''+item.password); var trs = ""; trs += "<tr><td>"+(i+1)+"</td><td>" + item.name +"</td><td>" + item.password +"</td></tr>"; html += trs; }); tableDom.html(html); } </script>
<table id="table" width="100%" border="0" cellpadding="0" cellspacing="0"></table>
相关文章推荐
- Ajax
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 再谈Jquery Ajax方法传递到action(补充)
- Dom在ajax技术中的作用说明
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 探讨Ajax中同步与异步之间的区别
- ajax中data传参的两种方式分析
- 原生AJAX写法实例分析
- 探秘ajax跨域请求
- JQuery ajax返回JSON时的处理方式 (三种方式)
- Ajax中浏览器和服务器交互详解
- ajax实现点击不同的链接让返回的内容显示在特定div里
- ajax 动态传递jsp等页面使用id辨识传递对象
- ajax与传统web开发的异同点
- AJAX简单应用实例-弹出层
- AJAX初级教程之初识AJAX
- Ajax无刷新分页的性能优化方法
- jquery对ajax的支持介绍