1、jquery遍历json与数组方法总结
先我们来参考each() 方法,each()规定为每个匹配元素规定运行的函数,返回 false 可用于及早停止循环
语法
$(selector).each(function(index,element))
例
each处理一维数组
var arr1 = [ "aaa", "bbb", "ccc" ];
$.each(arr1, function(i,val){
alert(i);
alert(val);
});
alert(i)将输出0,1,2
alert(val)将输出aaa,bbb,ccc
each处理二维数组
var arr2 = [
['a', 'aa', 'aaa'],
['b', 'bb', 'bbb'],
['c', 'cc', 'ccc']]
$.each(arr, function(i, item){
alert(i);
alert(item);
});
2、jquery如何实现 div定时刷新
<script>
$(document).ready(function () {
//每隔一秒刷新一次
setInterval("startRequest()",1000);
//setInterval这个函数会根据后面定义的1000既每隔1秒执行一次前面那个函数
//如果你用局部刷新,要用AJAX技术
});
function startRequest()
{
$("#date").text((new Date()).toString());
}
</script>
//例2:
$(document).ready(function () {
$("#time").text();
//只刷新一次
window.setTimeout(function () {
location.reload();
}, 1000);
});
<body>
<div id="date"></div>
</body>
3、 处理中文乱码
解决方法1:
var text= encodeURIComponent("关键字");
Location.href= "getChildNodeByKeyword.action?keyword="+text;
解决方法2:
var text= "关键字";
Location.href= encodeURI("getChildNodeByKeyword.action?keyword="+text);
request.setCharacterEncoding("gb2312");
et=gb2312"); //设置输出编码格式
response.setContentType("text/html; charset=gb2312"); //设置输出编码格式
<SCRIPT LANGUAGE="JavaScript">
<!--
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反选
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//输出选中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"\r\n";
//alert($(this).val());
})
alert(str);
})
})
-->
</SCRIPT>
5、 J avaScript中文字体转码
var paragraphs= $(obj).parent().parent().find(encodeURIComponent(".eidt_txt")).val();
paragraphs = encodeURI(encodeURI(paragraphs));//重点
//后台处理:
paragraphs = request.getParameter("paragraphs");
paraggraphs = java.net.URLDecoder.decode(paragraphs,"UTF-8");
int id = Convert.getint(request.getParameter("articleId"));
6、普通传参方法
$.post("${pageContext.request.contextPath}/admin/admin.MngRecomendBySys_updateByTitle.action?paragraphs="+paragraphs+"&articleId=<%=ss%>",function(x)
7、jquery中,字符串转化为json对象
function strToJson(str){
var json = eval('(' + str +')');
returnjson;
}
var a={"name":"tom","sex":"男","age":"24"}; |
var b='{"name":"Mike","sex":"女","age":"29"}';
var aToStr=JSON.stringify(a); |
07 | var bToObj=JSON.parse(b); |
09 | alert(typeof(aToStr)); //string | ||
10 |
|
alert(typeof(bToObj));//object |
1 $.trim() 去除字符串两端的空格。
2 $.each() 遍历一个数组或对象。
3 $.inArray() 返回一个值在数组中的索引位置。如果该值不在数组中,则返回-1。
4 $.grep() 返回数组中符合某种标准的元素。
5 $.extend() 将多个对象,合并到第一个对象。
6 $.makeArray() 将对象转化为数组。
7 $.type() 判断对象的类别(函数对象、日期对象、数组对象、正则对象等等)。
8 $.isArray() 判断某个参数是否为数组。
9 $.isEmptyObject() 判断某个对象是否为空(不含有任何属性)。
10 $.isFunction() 判断某个参数是否为函数。
11 $.isPlainObject() 判断某个参数是否为用"{}"或"new Object"建立的对象。
12 $.support() 判断浏览器是否支持某个特性。
JS对Cookie的操作
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
返回上一页:
<a href="javascript:window.history.back()"> 返回上一页</a> |
获取系统时间
<script type="text/javascript" language="JavaScript">
var current_time = null ;
function showCurrentTime(){
var time = new Date();
var s = "" ;
s += time.getFullYear() + "-" ;
var month = time.getMonth() + 1 ;
s += month + "-" ;
s += time.getDate() + " " ;
s += time.getHours() + ":" ;
var m = time.getMinutes();
if( m < 10 ){
s += "0" ;
}
s += m ;
s += ":" ;
var ss = time.getSeconds();
if( ss < 10 ){
s += "0" ;
}
s += ss ;
if( current_time == null ){
current_time = document.getElementById( "current_time" );
}
current_time.innerHTML = s ;
setTimeout( "showCurrentTime()" , 1000 );
}
</script>
得到下拉框的值:
//window.onload =
function contentChange(di) {
var flag = document.getElementById("type");//得到ID
var index = flag.selectedIndex;//得到下拉框的下标
var val = flag.options[index].value; //下标对应的值
document.getElementById("cnt").innerHTML=val+"内容摘要";
}