用js动态添加登录表单并完成提交实现在html注册后自动登录

最新推荐文章于 2024-03-09 13:45:00 发布

杉楂

最新推荐文章于 2024-03-09 13:45:00 发布

阅读量1w

点赞数 7

分类专栏：前端开发（h5+css+js）文章标签： javascript html web前端 ajax

本文链接：https://blog.csdn.net/rhythm923/article/details/53640812

版权

本文介绍如何在JavaScript中动态添加登录表单，并通过AJAX实现数据提交。在用户注册后，通过获取URL后缀的注册数据，利用bind()函数绑定事件处理，确保动态生成的提交按钮能够触发登录功能。内容包括对动态生成HTML元素事件绑定的解决方法以及整合注册与自动登录的优化策略。

摘要由CSDN通过智能技术生成

2016.12.14原文：

注册的表单提交和数据同样是在html间完成的，为此单独写了register.html来处理index页面提交过来的注册表单数据。

			var url = location.search;
			var Request = new Object();
			var NEWSTAG = 0;
			if(url.indexOf('?') != -1) {
				var str = url.substr(1)　 //去掉?号
				strs = str.split('&');
				for(var i = 0; i < strs.length; i++) {
					Request[strs[i].split('=')[0]] = unescape(strs[i].split('=')[1]);
				}
			}

这一部分是拿到url后缀的注册表单数据（可详见http://blog.csdn.net/rhythm923/article/details/53615009）
之后便是利用存在Request中的数据来进行ajax异步传输处理：

                     $.ajax({
				type: "post","
				url: 后台接口,
				data: {
					'userEmail': Request['runame'],
					'passwd': Request['rupwd'],
					'uName': Request['uName'