.ajax获取input的值

__時__

于 2017-03-29 09:41:27 发布

阅读量2.8w

点赞数 8

文章标签： javascript ajax

本文链接：https://blog.youkuaiyun.com/jsdxshi/article/details/68059765

版权

本文介绍了一种使用jQuery实现登录功能的方法。通过HTML输入框获取用户的账号信息，并利用jQuery的.ajax方法发送POST请求到服务器进行验证。如果服务器返回的状态为成功，则页面跳转到首页；若失败，则显示错误提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、

<input class="put" type="text" placeholder="请输入您的用户名" id='account' value=""/>

2、$.ajax 获取输入的值：

//登录
		function login(){
			var account =$("#account").val();	
			 
			$.ajax({
			 	    type: "POST",
			 	    dataType: "json",
			 	    url:"/login",
			 	    data:{account:account},
			 	  	success: function (data) {
					if (data.status == "0") {
						$("#errorTips").text(data.errMsg).show();
						$("#loginBtn").text("登 录");
					}else{
						window.location.href="/home";
					}
			 	    }
			 });	
		}