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表单提交取消自动刷新
两种方式:
- 在最后写上return false。
form.on('submit(tijiao)', function(data){
add(data);
return false;
});
- 在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) + '秒');