关于js返回[object HTMLInputElement]问题的解决

时间：2024-11-18 07:31:23

看了多篇文章，除去那些自己不小心，没加value啥的。自己总结一下。

<body>
		姓名：<input type="text"  />
		年龄：<input type="text" />
		<input type="button" value="提交"  />
		<script>
			var name = ('name')
			var age = ('age')
			var but = ('but')
			
			 = function(){
				const xhr = new XMLHttpRequest()
				var namevalue = 
				var agevalue = 
				alert(name)
				(name)
				var parm = 'name='+ namevalue +'&age='+agevalue
				
				
				 ('get', 'http://127.0.0.1:3000/get?'+parm)
				 ()
				 = function (){	
					()
			    }
			}
		</script>
	</body>

 

修改前结果：

以上浏览器并无报错，但获取的name元素的值，一直都是[object HTMLInputElement]，无法得到value值。

通过查找发现，原来是因为所设参数与HTML内置参数相同，造成在传递过程中，自动转成HTML参数进行传递。

解决办法便是避开。

<body>
		姓名：<input type="text"  />
		年龄：<input type="text" />
		<input type="button" value="提交"  />
		<script>
			var username = ('username')
			var age = ('age')
			var but = ('but')
			
			 = function(){
				const xhr = new XMLHttpRequest()
				var namevalue = 
				var agevalue = 
				alert(username)
				(username)
				var parm = 'name='+ namevalue +'&age='+agevalue
				
				
				 ('get', 'http://127.0.0.1:3000/get?'+parm)
				 ()
				 = function (){	
					()
			    }
			}
		</script>
	</body>

 

修改后结果：

相关文章