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="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>
Web jquery ajax,EL遍历 js刷新 jquery遍历json数组填充表格 等等随笔相关推荐
- JQuery Ajax 与 Knockout.js的结合
项目中遇到太多JQuery Ajax 与 Knockout.js的结合来处理数据的情况,今天将这部分内容梳理一下.一来弄清楚二者结合处理数据的流程,二来是感觉二者结合在一起用的时候有点将二者搞混了,弄 ...
- 2010.02.03——Jquery ajax 动态更新 局部刷新
2010.02.03--Jquery ajax 动态更新 局部刷新 最后的效果如图所示 ,说要达到的目标就是: 当我选着不同的时间,最后一列的时间也跟着变,并且将一系列的参数传到后台,计算出结果,并填 ...
- asp ajax局部刷新,ASP.Net用jQuery ajax实现页面局部刷新
刚开始的时候使用asp的updatepanel控件实现局部刷新,而且在本地运行正确,但是部署到服务器上就变成整个页面全部刷新了.服务器用的是Windows server2000,本地机子上用的是win ...
- jQuery ajax请求两次问题,jquery ajax请求了两次问题
页面有一个请求form: 订单编号 用户帐户 发货状态 请选择 未发送 已发送 查询 JavaScript请求部分: function showdatalist() { var username = ...
- 【转】Jquery -Ajax 入门练习 Jquery.Ajax 调用后台函数,获取DataTable Json,Asp.net
直接上图=============最后拷贝源码(图片清楚) ====================================================================== ...
- 【jQuery】学习一下JS库——jQuery
[jQuery]学习一下JS库--jQuery jQuery 一.jQuery对象 01. 基本概念,区分DOM对象和jQuery对象 02. 两个对象之间的转换 二.jQuery的使用方法 关于隐式 ...
- jquery ajax下拉联动,基于jQuery Ajax实现下拉框无刷新联动
本文实例为大家分享了jQuery Ajax实现下拉框无刷新联动的具体代码,供大家参考,具体内容如下 HTML代码: @{ Layout = null; } @using DAL; @using Sys ...
- json表格显示js方法_将JSON导入Google表格的3种最佳方法[最终指南]
json表格显示js方法 将JSON数据提取到Google电子表格中的3种方法 在上一篇文章中,我向您展示了三种将外部数据导入Google表格的方法 . 在本文中,我们将研究如何将JSON数据转换为G ...
- JS:两个json数组合并、去重,以及删除某一项元素
两个json数组合并去重,以及删除某一项元素 let ha = [{id:'H',name:'3'},{id:'A',name:'6'},{id:'B',name:'14'},{id:'C',name ...
最新文章
- 【微信开发】微信开发 之 开启开发模式
- hadoop Mapreduce组件介绍
- mysql update 多个字段_MySQL数据库基础
- springboot socket服务端_SpringBoot2.x系列教程81--SpringBoot中整合WebSockets
- IDL | 实验一、IDL编码与运行
- centors7 和 win7 修改开机顺序
- Word中公式输入的快捷键
- 华为手机热点无法连接_教大家华为手机开wifi热点共享网络连接不上怎么办
- 计算机网络中计算机资源管理器,计算机基础知识:资源管理器的使用
- 【街道可步行性】步行通达性对街区空间活力与交往的影响 | 上海城市规划
- 【短道速滑六】古老的视频去噪算法(FLT_GradualNoise)解析并优化,可实现1920*1080 YUV数据400fps的处理能力。...
- 思岚科技机器人避障方案解读
- 考研计算机专业英语面试自我介绍,2017年计算机专业研究生英语面试自我介绍...
- 阿里 c语言研发笔试题,阿里巴巴集团2014校园招聘笔试题
- Gnome3(Ubuntu)壁纸自动切换
- 彻底解决快播不可点播方法
- C#-飞行棋小游戏的前识 067
- 基于LAPM架构mysql数据库搭建wordpress个人博客
- Gartner最新数据:浪潮存储再进全球前五
- 一个人赶着鸭子去每个村庄卖,每经过一个村子卖去所赶鸭子的一半又一只。这样他经过了七个村子后还剩两只鸭子,问他出发时共赶多少只鸭子?经过每个村子卖出多少只鸭子?