Question

这是我的代码，但不起作用。如何将输入的数据保存到json文件并发送到服务器？

<!DOCTYPE html>
<html>
<head>
    <title>Registration</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>

<form id="myform" action="register.json">
    <label>Vesete ime</label>
    <input type="text" name="name" value="name">
    <label>Vnesete password</label>
    <input type="password" name="password" value="password">
    <button id="btn" type="submit" value="submit">Potvrdi</button>
</form>

这是我的剧本

<script type="text/javascript">
        var x ={ "name":" ", "password":" "};
        var myJSON = JSON.stringify(x);
        document.getElementsByTagName("input").innerHTML = myJSON; 
        var xhr = new XMLHttpRequest();
    xhr.open('POST', 'register', true);
    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    xhr.onload = function () {

        console.log(this.responseText);
    };
    xhr.send('name=name&password=password');
    </script>

在浏览器中显示此文件：///var/www/html/register.json？name = marina＆amp; password = 1234567但不保存在json文件中。在与json的第一次驯服工作中，请帮助我。

Answer 1

要将数据保存到服务器，您需要：

使用服务器！您的网址以file:开头，表示您正在访问本地文件，而不是向服务器发出HTTP请求。
编写将读取您要发送的数据并保存的服务器端代码。只是对静态文件发出请求不会改变任何内容（否则任何人都可以更改任何网站上的任何页面！）。如何执行此操作取决于您使用的服务器以及您选择的服务器端编程语言。使用搜索引擎查找使用您选择的语言进行服务器端编程的入门教程。（例如Perl，JavaScript或Python）。

如何使用javascript将数据表单输入保存到json文件？

1 个答案: