input标签中的type：hidden用处

最新推荐文章于 2024-09-02 11:08:53 发布

eele_one

最新推荐文章于 2024-09-02 11:08:53 发布

阅读量1.6k

点赞数 1

本文链接：https://blog.csdn.net/eele_one/article/details/64443809

版权

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;
		           
 }