前端笔记

1、ajax获取json数据为undefined

• 对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理：

  //转换为json对象
  var dataObj=eval("("+data+")");
  

  由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

• 第二种解析方式就是使用Function对象来完成，它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据data的解析

  var json='{"name":"zhangsan","age":18}';
  
  data =(new Function("","return "+json))();
  

例：ajax返回的数据

{"code":0,
"msg":null,
"count":1,
"data":[
	{"id":4,
	"username":"zhangsan",
	"password":"on",
	"status":1,
	"updatePasswordStatus":null,
	"roles":null,
	"belongToSupplier":"0",
	"belongToDistrict":null,
	"attribute":0
	}]
}

获取具体值：

        $.ajax({
            url: '${pageContext.request.contextPath}/user/findUserByName',
            method: 'post',
            data:{username:username},
            dataType: 'text',
            success: function (result) {
                  console.log(result)
                  var obj;
                  //判断是否是json格式
                  if((typeof result=='object')&&result.constructor==Object){
                    obj=result;
                  }else{
                    obj  = eval("("+result+")");
                  }
                  alert(obj.data[0].id)
            }
		});

注意datatype为返回到前端的数据类型

2、ajax传实体类型数据到后台

• 根据form表单里的name属性值传的，必须对应实体类的字段类型。

3、js获取某个标签内值

var username=$('#inputValusername').html();

4、layui中form表单提交取消自动刷新

两种方式：

1. 在最后写上return false。

form.on('submit(tijiao)', function(data){
            add(data);
            return false;
        });

2. 在button标签中加上type属性

<button type="button" class="layui-btn" lay-submit="" 
lay-filter="component-form-demo1">立即提交</button>

5、ajax取后台数据返回json格式，其中datetime数据变成了’1406812976000’

var enterDate = (new Date(1406812976000)).toISOString();
//要考虑时区的转换
console.log(
    enterDate.slice(0,4) + '年'+ 
    enterDate.slice(5,7) + '月' + 
    enterDate.slice(8,10) + '日' + 
    enterDate.slice(11,13) + '时' +
    enterDate.slice(14,16) + '分' +
    enterDate.slice(17,19) + '秒');