java web json 库_javaweb拓展：json：ajax

--%>

用户信息管理系统

$("#btnajax").on("click",function(ev) {//获取表单的信息：

console.log("启动jquery")//发送ajax请求，参数就是js对象$.ajax({ })

$.ajax({

type:"POST",

url:"${pageContext.request.contextPath}/myLogin",//将对象转成URL参数的过程就是序列化。。name=ming&age=21这种

data: {

name: $("#inputEmail3").val(),

email: $("#inputPassword3").val()

},

dataType:"json",//预期服务器返回数据的类型

success:function(data) {

console.log(data)if(data.code!=200) {

$("#msgajax").html(data.msg);

$("#msgajax").css("color","red");

}else{//成功，就跳转页面

location.href="${pageContext.request.contextPath}/index.jsp"

//$("#msgajax").html("出现错误：" + data);

}

},

error:function(jqXHR) {

alert("发生错误：" +jqXHR.status+JSON.stringify(jqXHR));

}

})

ev.preventDefault();//阻止默认的submit提交表单

/*var user = {

name: '郭送杜少府之任蜀州童',

age: 23,

YY: 'huashsddf'

};

//jQuery.get(url, [data], [callback], [type])*/})

})

用户登录界面