1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > Web jquery ajax EL遍历 js刷新 jquery遍历json数组填充表格 等等随笔

Web jquery ajax EL遍历 js刷新 jquery遍历json数组填充表格 等等随笔

时间:2023-02-14 15:22:25

相关推荐

Web jquery ajax EL遍历 js刷新 jquery遍历json数组填充表格 等等随笔

1.ajaX 局部刷新

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:" οnclick="addProjetName()">添加</a></div>

2.使用EL表达c:foreach 是遍历之前要在jsp页面最顶端添加

<%@taglib prefix="c" uri="/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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。