HTML前端js

ajax请求方法书写

 $.ajax({
			    	type:"POST",
			    	url:CONTEXT_PATH+"/appAudit/insertSnDocCountAdmin",
			    	async:false,
			    	data:{aa:aa},
			    	dataType:"json",
			    	success:function (datas) {
			    		console.log(datas);
			    		//如果datas为集合，则遍历集合
			    		$.each(datas,function(index,element){
			    			//index为索引 element 为集合中的每一个对象
			    			var aa = element.你的对象字段名；
			    		});
			    		$("#myModal") .modal('hide');
			    		location.reload();
			    	},error:function(){
			    		alert("后台系统报错");　　　　
			    	}
			    });

　

前端按回车按键，执行页面上的点击事件

$(document).keydown(function(event){
		if(event.keyCode == 13){
			$("#cxOazh_data").click();
			$("#cxgly_data").click();
		}
	});

前端传值到后台乱码

js :  name=encodeURI(encodeURI(string))； string就被编码了

后台： java.net.URLDecoder.decode(request.getParameter("name"), "utf-8"); 

　时间控件 datetimepicker

只显示年

startView: 'decade', 
minView: 'decade', 
format: 'yyyy', 
maxViewMode: 2, 
minViewMode:2, 
autoclose: true

　限制输入数字及两位小数

onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" 

限制输入字母及数字

oninput="value=value.replace(/[^0-9a-zA-Z\{1}]/g,'')"

　　高德地图：

//根据传入的地址，获取高德地图的经纬度
function getgaode(address){
	var key = '396e8b8915096ce92deb7e8d8d9a7743';
	if(address == ""){
		address = "陕西省西安市大雁塔";
	}
        //要编码一下地址，不然在ie浏览器不返回数据
        address = encodeURI(address);
	var url = "http://restapi.amap.com/v3/geocode/geo?key="+key+"&s=rsv3&city=35&address="+address;
	$.post(url,function(r){
		console.log(r);
		if(r.status == "1"){
			var ipzb = r.geocodes[0].location;
			$(".area_longitude_up").val(ipzb.split(",")[0]);
			$(".area_latitude_up").val(ipzb.split(",")[1]);
		}
	},"json").fail(function(jqXHR, statusText, error) {
		/*alert("网络故障!");*/
	});
}

　　延时加载

	setTimeout(function (){
		$(".amap-copyright").remove();
		$(".amap-logo").remove();
	}, 500);

　　前端去除后台数据携带空格，回车等

function trimstr(str){
	return str.replace(/\ +/g, "").replace(/[ ]/g, "").replace(/[\r\n]/g, "");
}

　　

a标签点击不跳转的几种方法

1、onclick事件中返回false
<a href="http://www.baidu.com" onclick="return false" >不能跳到百度</a>
　　

2、 用href=”javascript:void(0)”这种伪协议；
最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。
a href="javascript:void(0);" onclick="js_method()"
　　

3.利用空代码
这种方法跟跟2种类似，区别只是执行了一条空的js代码。
a href="javascript:;" onclick="js_method()"
　　

4、使用 (#)
<a href="#" class="demo" onclick="del()" >删除</a>。//总是跳转到当前页面顶部，当页面内容较多时，还是会有跳转的感觉。不推荐使用