前端开发小知识

目录

1、jq获取form中的数据并转为json字符串

2、锁屏

3、关于Dialog操作

4、js、ajax前台传值后台中文乱码问题

---

1、jq获取form中的数据并转为json字符串

        var d = {};
	    var t = $('#myForm').serializeArray();//转为json对象数组｛name:aaa,value:aaa｝
	    $.each(t, function() {
	      d[this.name] = this.value;//encodeURI(encodeURI(this.value))
	    });
	    data = JSON.stringify(d);//转为json字符串
		alert(data);

2、锁屏

		 $.blockUI({message:'正在提交数据,请等待...', css: { 
				            border: 'none', 
				            padding: '15px', 
				            backgroundColor: '#000', 
				            '-webkit-border-radius': '10px', 
				            '-moz-border-radius': '10px', 
				            opacity: .5, 
				            color: '#fff' 
			 }});

3、关于Dialog操作

//打开
window.top.showDialog(url,950,400,title);
//刷新父页面，在一段时间关闭本页面
setTimeout("window.top.r(true);window.top.closeDialog();",1500);
//后台传来js代码块
<c:out value="${javascript}" escapeXml="false"></c:out> 

//java后台的代码

 StringBuffer javascriptStr = new StringBuffer("<script type=\"text/javascript\">");
 javascriptStr.append("setTimeout(\"window.top.r(true);window.top.closeDialog();\",1500)");
 javascriptStr.append("</script>");
 getRequest().setAttribute("javascript", javascriptStr.toString());

4、js、ajax前台传值后台中文乱码问题

(1)js端

var str=encodeURI(encodeURI(str));

(2)后台

String str=java.net.URLDecoder.decode(str,"UTF-8");
//解码一次或者俩次，原理嘛，没弄懂