input标签中的type：hidden用处

最新推荐文章于 2024-08-23 17:30:05 发布

原创最新推荐文章于 2024-08-23 17:30:05 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何利用隐藏的HTML输入框（hidden input）来存储关键变量，并通过jQuery的AJAX功能实现同步数据获取，进而更新全局变量。具体示例展示了在图片上传过程中自定义文件名的方法。

1.是大家都知道的用处，就是用来提交数据。

2.可以用来存储变量值，在局部变量改变全局变量。

例如：在我的项目里使用七牛存储图片，当自定义图片的名称时。在页面中添加input：hidden标签。同时使用jQuery的ajax同步获取数据。并在外部为key赋值

HTML代码：

<a class="bigAddImg" data-role="none" id="holdFormPost" href="javascript:void(0)">
    <input type="hidden" name="holdInput"  id="holdInput" value="" />
    <i class="holdImgFile" id="holdImgFile"></i>
</a>

js代码：

 'Key': function(up, file) {
	 $.ajax({
		type:"get",
		url:"url",
		async:false,//这里最好设置为同步
		success:function(res){
			 $('#frontInput').val(res.data.fileName);
		},
		error:function(){
			console.log('error')
		}
	});
 	var key = $('#frontInput').val();
	 return key;
		           
 }