Question

我有一个研究项目。使用带有输入和按钮的简单表单。需要将输入值保存到JSON文件中。 HTML

<form action="/" method="post" id="emailForm">
    <input type="email" id="email" name="email" placeholder="Enter email for newsletter">
    <button type="submit" id="subscribe" value=""><i class="fas fa-chevron-right"></i></button>
</form>

JS将数据转换为JSON格式

$('#subscribe').on('click', function (event) {
        // prevent from reloading the page
        event.preventDefault();
        // checking validity of input
        if (ValidateEmail()) {
            var formData = $("#emailForm").serializeArray();
            $.each(formData, function () {
                if (jsonData[this.name]) {
                    if (!jsonData[this.name].push) {
                        jsonData[this.name] = [jsonData[this.name]];
                    }
                    jsonData[this.name].push(this.value || '');
                } else {
                    jsonData[this.name] = this.value || '';
                }

                jsonData = JSON.stringify(jsonData);

            });

            console.log(jsonData);


            $.ajax({
                url: "app.js",
                type: "POST",
                dataType: 'json',
                data: jsonData

            }); 
            alert('Email saved!');
            return jsonData;

        } else {
            console.log('email not saved');
        }
    });

app.js

const fs = require('fs');

fs.readFile('email.json', (err, data) => {  
    if (err) throw err;
    let email = JSON.parse(data);
    console.log('original' + email);
});
fs.writeFileSync('email.json', jsonData);  
console.log('done');

问题出在访问文件app.js-首先，它被chrome阻止

在以下位置访问XMLHttpRequest 源为'null'的'file：/// D：/HTML/Try%20it/acad/master/app.js'具有已被CORS政策阻止：仅支持跨域请求用于协议方案：HTTP，数据，chrome，chrome扩展名，https

试图使用node.js运行本地服务器，并收到错误405（不允许使用方法）。

Answer 1

您的app.js只是一个脚本，它开始读取文件，通过阻塞线程来写入文件，打印“完成”并关闭。没有HTTP服务器，没有请求处理...

您首先需要设置一个HTTP服务器，这可以通过本机http node.js模块或其他模块（例如express）来完成，以便您监听事件，并在调用服务器时触发代码。

此外，http-server可以快速渲染某些文件，试图将POST转换为文本文件显然无济于事，而如果要GET，则只需您的文本文件，对您不利。

因此，根据您的家庭作业约束，您需要检查http或express文档，设置有效的HTTP服务器，然后在该调用中正确写入文件。 / p>

（提示：请勿在node.js中使用...Sync函数，除非您确实知道自己在做什么，并检查什么是“异步”函数，否则将需要它）

发布请求-以json格式发送的数据

1 个答案: