响应id事件js和js获取input输入值及ajax的data、error属性解释

先上解释:

① $("#xxx").click(function(){ ... } );  : xxx为id的值

    $("#xxx").val() : 获取input框的输入值

② data: 就算为空也要传{}

             { name2:name,password2:password } : name 为js获取到的值,name2为后台方法中对应的值,获取方式

login(HttpServletRequest request,String name2, String password2){}

            1) name2即为前台js中传的值

            2) request.getParameter("name2") 

③ error:function (XMLHttpRequest, textStatus, errorThrown){} 释义:这是一个 Ajax 事件。(默认: 自动判断 (xml 或 html)) 请求失败时调用时间。

 参数有以下三个:

        XMLHttpRequest 对象、错误信息、(可选)捕获的错误对象:
 XMLHttpRequest.readyState: 状态码的意思
 0 - (未初始化)还没有调用send()方法
 1 - (载入)已调用send()方法,正在发送请求
 2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
 3 - (交互)正在解析响应内容
 4 - (完成)响应内容解析完成,可以在客户端调用了

如果发生了错误,错误信息(第二个参数)除了得到null之外,textStatus的可能值: "timeout", "error", "notmodified" 和 "parsererror"。 

        发送error可能有下面两种引起的,或者其他程序问题。
 1、data:"{}", data为空也一定要传"{}";不然返回的是xml格式的,并提示parsererror。

 2、parsererror的异常和Header 类型也有关系。即编码header('Content-type: text/html; charset=utf8');


    <script th:inline="javascript">
		$("#loginNow").click(function(){
			var name = $("#name").val();
			var password = $("#password").val();
			//发送ajax请求修改员工数据
			$.ajax({
				url:"login",
				data:
				{name:name,password:password},
				type:"post",
				success:function(msg){
					console.log(msg);
					if (msg.code == 100) {
						window.location.href = "mkdirs";
						//刷新当前页
	     				//window.location.href = window.location.href.replace(/#/g,'');
					} else {
						 $('#prompt').text(msg.map.loginPrompt);  
					}
				 },
				 error:function(XMLHttpRequest, textStatus, errorThrown) {
					 alert(XMLHttpRequest.status);
					 alert(XMLHttpRequest.readyState);
					 alert(textStatus);
				 }
				
	 		}); 
		});
	</script>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值