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:" 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>