常用js操作
1.ajax请求
-----------------------------------------------$.ajax({
type: "post",
url: "/user/login",//访问地址
data:{//参数
"username": username,
"password": password
},
dataType:"json",
success: function(result){
//回调函数
}
});
2.js循环数组、map、list
-----------------------------------------------
var arr = new Array()
arr[0] = "a"
arr[1] = "b"
arr[2] = "c"
var str = '';
$.each(arr, function(index, val) {
str += val + ",";
});
3.js json字符串、json对象互转
-----------------------------------------------
var resultObj = eval("("+result+")"); //json字符串转json对象:jQuery.parseJSON(jsonStr);
1>字符串转对象(strJSON代表json字符串)
var obj = eval(strJSON);
var obj = strJSON.parseJSON();
var obj = JSON.parse(strJSON);
2>json对象转字符串(obj代表json对象)
var str = obj.toJSONString();
var str = JSON.stringify(obj)
运用时候除了eval()以外需要json.js包
4.js操作radio
-----------------------------------------------
//获取选中的值
var stateArr = document.getElementsByName("state");
for(var i=0; i<stateArr.length; i++){
if(stateArr[i].checked){
state = stateArr[i].value;
}
}
//选中
$("input[name='state'][value=1]").attr("checked", true);
.attr的方式取消选中后,再选中就不行了,下面的方式比较和谐
document.getElementsByName("state")[0].checked = true; //选中
document.getElementsByName("state")[0].checked = false;//取消选中
5.js操作checkbox
-----------------------------------------------
//全选/取消全选
function allcheck(this_){
var caridCheckList = $(".carid");//可以使用其它方式得到
for(var i=0; i<caridCheckList.length; i++){
caridCheckList[i].checked = this_.checked;
}
}
//复选框(单个)--判断要不要去掉全选
function onlyCheck(obj){
var caridCheckList = $(".carid");
var allChecked = true;
for(var i=0; i<caridCheckList.length; i++){
if(!caridCheckList[i].checked){
allChecked = false;
break;
}
}
if(allChecked){
$("#allc").prop("checked", true);//全选(方式很多,有的方法和Juqery版本有关,可能不适用)
}else{
$("#allc").attr("checked", false);//取消全选
}
}
6.js页面跳转
-----------------------------------------------
window.location.href = url //在当前页面跳转
window.open(url); //打开新页面
7.ajax数组传参
-----------------------------------------------
function aaa() {
var nameArr = new Array();
nameArr.push('sun');
nameArr.push('taiyang');
$.ajax({
url: '******',
type: 'post',
data: {
"name":nameArr
},
success: function (data) {
alert(data);
}
});
}
SpringMvc接收:
String[] nameArr = request.getParameterValues("name[]");
8.进入页面执行
$(document).ready(function(){.... })
n.other
-----------------------------------------------
添加键盘事件,按回车键提交
<input type="text" οnkeydοwn="if(event.keyCode==13){ login(); }" />