如何通过ajax将表单数据发送到nodejs服务器

Question

我创建了一个 html 表单，我想使用 ajax 将数据传递给 nodejs 服务器，服务器在成功上传后返回确认消息。

<form action="http://localhost:8080/task" method="POST" >
    <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="custom-title">Form</h3>
                </div>
                <div class="card-body">
                    <div class="form-group">
                        <label for="appIdNameCombo">appIdNameCombo :</label>
                        <input type="text" name="appIdNameCombo" class="form-control" id="appIdNameCombo" required>
                    </div>
                    <div class="form-group">
                        <label for="fileLocation">fileLocation :</label>
                        <input type="text" name="fileLocation" class="form-control" id="fileLocation" required>
                    </div>
                    <div class="form-group">
                        <label for="assetList">assetList :</label>
                        <input type="text" name="assetList" class="form-control" id="assetList" required>
                    </div>
                    <div class="form-group">
                        <br>
                        <button type="submit">submit</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </form>

Answer 1

如果您使用ajax，请不要使用表单方法发送数据。 请改用 axios。 你只需要写下来

axios.post(http://localhost:8080/task, {yourdata}).then(res => {
  console.log(res.data)
});

在 ajax jquery 中使用该代码。 如果你不知道axios，搜索它，它被广泛使用。

在节点中，使用正文解析器添加它

const bodyParser = require("body-parser");

const app = express();

app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());