0
私はサインアップフォームのウェブページを持っています。フォームに入力したデータは、ログイン中に使用できるようにjsonファイルに保存する必要があります。javascriptとajaxを使用してjsonファイルにデータを追加する方法は？
私はウェブサーバーを使用していません。私はブラウザで動作しています。 私は少しアヤックスを試みたが、それは私にエラーを与えた。
私のJSONファイル（file.json）
var details = [{
"username" : "[email protected]",
"password" : "1234"
},
{
"username" : "[email protected]",
"password" : "12345"
}]
はJavaScript：
function signup()
{
var username = document.getElementById("uname").value;
var password = document.getElementById("psw").value;
var xhttp = new XMLHttpRequest();
var data = "username=username&password=password";
xhttp.open("POST", "file.json", true);
xhttp.send(data);
}
MY HTML
<!DOCTYPE html>
<html>
<title>Signup</title>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="file.json"></script>
<body>
<h2 style="text-align:center;">Signup Form</h2>
<div style="width:800px; margin:0 auto;border: 5px solid #f1f1f1;">
<form action="Javascript:signup();" style="padding-left:85px;">
<label><b> Email id :</b></label>
<input type="text" placeholder="Enter Email" id="uname" required;>
<label><b>    Your Full Name :</b></label>
<input type="text" placeholder="Enter Name" id="name" required;><br>
</div>
<div style="width:716px; margin:0 auto;border: 5px solid #f1f1f1;padding-left:85px">
<label><b>Password:</b></label>
<input type="password" placeholder="Enter Password" id="psw" required>
<label><b>Re-enter Password:</b></label>
<input type="password" placeholder="Re-Enter Password" id="pswc" required onkeyup="passcheck(this.value);"><br>
</div>
<div style="margin:0 auto;padding-left:600px">
<button type="submit" >Signup</button><br>
<a href="login.html">Login now</a>
</form>
</div>
<div style="text-align:center;" id="error"></div>
</body>
</html>
私はこのコードを実行すると、コンソールをチェックすると、私は取得していますエラーメッセージ：
Failed to load file:///C:/Users/Victor/Documents/login%20js/file.json: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
新しいユーザーデータをfile.jsonに保存するにはどうすればよいですか？
ブラウザからファイルシステムを使用したり、Cookie、セッションストレージまたはローカルストレージを使用することはできません。 – awd
次に何をしなければならないのですか？ – ineedanswerz