前端获取用户信息，怎么实现用一个.json文件存储

客户端在input框输入信息，用js或者jQuery获取到信息，把获取到的用户信息存储到目录中创建好的. json文件中

img

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    </head>
    <body>
        <input type="text" name="username" id="username"/>
        <input type="text" name="password" id="password"/>
        <button onclick="login();">submit</button>
    </body>
    <script>
        function login(){
            name = $("#username").val();
            pwd = $("#password").val();
            
            var options = {
                username:name,
                password:pwd
            }
            console.info(options)
        }
    </script>
</html>

b/s系统无法写系统文件，永久保存可以存储到localStorage中。
写文件需要搭配服务器端，如用php，asp.net，nodejs之类的写入信息到客户端文件，浏览器由于安全问题无法操作访问者系统中的文件

 
            console.info(options)
            localStorage.setItem('userinfo', JSON.stringify(options));