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数组填充表格 等等随笔相关推荐

  1. JQuery Ajax 与 Knockout.js的结合

    项目中遇到太多JQuery Ajax 与 Knockout.js的结合来处理数据的情况,今天将这部分内容梳理一下.一来弄清楚二者结合处理数据的流程,二来是感觉二者结合在一起用的时候有点将二者搞混了,弄 ...

  2. 2010.02.03——Jquery ajax 动态更新 局部刷新

    2010.02.03--Jquery ajax 动态更新 局部刷新 最后的效果如图所示 ,说要达到的目标就是: 当我选着不同的时间,最后一列的时间也跟着变,并且将一系列的参数传到后台,计算出结果,并填 ...

  3. asp ajax局部刷新,ASP.Net用jQuery ajax实现页面局部刷新

    刚开始的时候使用asp的updatepanel控件实现局部刷新,而且在本地运行正确,但是部署到服务器上就变成整个页面全部刷新了.服务器用的是Windows server2000,本地机子上用的是win ...

  4. jQuery ajax请求两次问题,jquery ajax请求了两次问题

    页面有一个请求form: 订单编号 用户帐户 发货状态 请选择 未发送 已发送 查询 JavaScript请求部分: function showdatalist() { var username = ...

  5. 【转】Jquery -Ajax 入门练习 Jquery.Ajax 调用后台函数,获取DataTable Json,Asp.net

    直接上图=============最后拷贝源码(图片清楚) ====================================================================== ...

  6. 【jQuery】学习一下JS库——jQuery

    [jQuery]学习一下JS库--jQuery jQuery 一.jQuery对象 01. 基本概念,区分DOM对象和jQuery对象 02. 两个对象之间的转换 二.jQuery的使用方法 关于隐式 ...

  7. jquery ajax下拉联动,基于jQuery Ajax实现下拉框无刷新联动

    本文实例为大家分享了jQuery Ajax实现下拉框无刷新联动的具体代码,供大家参考,具体内容如下 HTML代码: @{ Layout = null; } @using DAL; @using Sys ...

  8. json表格显示js方法_将JSON导入Google表格的3种最佳方法[最终指南]

    json表格显示js方法 将JSON数据提取到Google电子表格中的3种方法 在上一篇文章中,我向您展示了三种将外部数据导入Google表格的方法 . 在本文中,我们将研究如何将JSON数据转换为G ...

  9. JS:两个json数组合并、去重,以及删除某一项元素

    两个json数组合并去重,以及删除某一项元素 let ha = [{id:'H',name:'3'},{id:'A',name:'6'},{id:'B',name:'14'},{id:'C',name ...

最新文章

  1. 【微信开发】微信开发 之 开启开发模式
  2. hadoop Mapreduce组件介绍
  3. mysql update 多个字段_MySQL数据库基础
  4. springboot socket服务端_SpringBoot2.x系列教程81--SpringBoot中整合WebSockets
  5. IDL | 实验一、IDL编码与运行
  6. centors7 和 win7 修改开机顺序
  7. Word中公式输入的快捷键
  8. 华为手机热点无法连接_教大家华为手机开wifi热点共享网络连接不上怎么办
  9. 计算机网络中计算机资源管理器,计算机基础知识:资源管理器的使用
  10. 【街道可步行性】步行通达性对街区空间活力与交往的影响 | 上海城市规划
  11. 【短道速滑六】古老的视频去噪算法(FLT_GradualNoise)解析并优化,可实现1920*1080 YUV数据400fps的处理能力。...
  12. 思岚科技机器人避障方案解读
  13. 考研计算机专业英语面试自我介绍,2017年计算机专业研究生英语面试自我介绍...
  14. 阿里 c语言研发笔试题,阿里巴巴集团2014校园招聘笔试题
  15. Gnome3(Ubuntu)壁纸自动切换
  16. 彻底解决快播不可点播方法
  17. C#-飞行棋小游戏的前识 067
  18. 基于LAPM架构mysql数据库搭建wordpress个人博客
  19. Gartner最新数据:浪潮存储再进全球前五
  20. 一个人赶着鸭子去每个村庄卖,每经过一个村子卖去所赶鸭子的一半又一只。这样他经过了七个村子后还剩两只鸭子,问他出发时共赶多少只鸭子?经过每个村子卖出多少只鸭子?

热门文章

  1. 某意大利小哥,竟靠一个缓存中间件直接封神?
  2. 安装使用Discuz!破解模版插件提示“您安装的不是正版应用
  3. python传递指针_python值传递和指针传递
  4. PlayStation Classic由开源PCSX模拟器提供支持
  5. 精准投放能力揭秘,带你实现业务更多可能性!
  6. asp jsp cgi php之间的区别和优点
  7. 人工神经网络的结构特征,神经网络的神经元结构
  8. 有效icon设计的三个属性
  9. H5页面跳转传递参数过长
  10. 特征学习笔记Chapter1-Chapter4