首页 > 自动填写表单

自动填写表单

比如我要申请一个微信公众号,这个账号的申请需要几个步骤,在不同的页面进行,我想能不能在客户端做一个东西,我在本地把信息都输好,到时候直接点击下,直接把输入好的信息发送到公众号申请的表单中,我是前端,只会一点js,有啥方法吗?


AJAX可以读取一个静态文件,如:jQuery的 $.getJson() 等。你可以做一个JSON格式(如:info.json)的配置文件,然后读取这个文件,并遍历表单填充即可。

jQuery也有cookie、loaclStorge等插件,可以实现本地存储,这样就不影响跨页面调用。

如果是自己的站点,多个页面其实可以使用锚点跳转(或无刷新跳转)实现,也就是说,始终的操作都在一个页面上,只是根据不同的锚点显示不同的步骤,这样静态数据只需要读取一次即可。


类似这样的代码

<input type="text" value="" data-default-value="预设值"/>
$('.btn').on('click', function(){
    $('input[type="text"]').each(function(i, el){
        $(el).val($(el).data('default-value'));
    });
});

html5的表单from有一个新属性autocomplete(也就是当用户输入一次信息后或者已经有相关信息的情况下,浏览器自动完成表单内容)


如果说要在不同页面切换,本地存储是很好的方式,你可以看一看localstorage.

【热门文章】
【热门文章】