常用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" onkeydown="if(event.keyCode==13){  login(); }" />