常用js操作

常用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(); }" />