首页 > 解决方案 > 我的 Mongo 项目 ID 没有通过 REST API 推送

问题描述

所以我在一个博客网站上工作。我的项目是为博客站点创建一个 REST API。我可以通过 .ejs 视图从数据库中显示所有内容。我的问题是唯一没有通过的事情是当我需要 blogID 来使用提交按钮更新该特定博客时。任何人都可以查看我的代码并帮助我吗?我已经在谷歌搜索和测试了 6 天。谢谢。

<form method="put" action="/blogedit/<%= blogData.blogid %>" style="padding: 20px;">
    <div class="form-group">
      <label for="blogTitle"  class="text-dark">
          Blog Title
      </label>
      <input class="form-control"  id="blogTitle" name="blogTitle" value="<%= blogData.blogTitle %>">
          <label for="blogText" class="text-dark" style="width: 100%;">
              Blog Text
          </label>
          <input class="form-control" id="blogText" name="blogText" value="<%= blogData.blogText %>"></textarea>
           </div>
         <input type="submit" class="btn btn-dark" value="Save">
      </div>
   </form>

以上是我要提交的表单的 html。

/*GET BLOG EDIT PAGE*/
module.exports.readOne = function (req, res) {
    var requestOptions, path;
    path = "/api/blog/" + req.params.blogid;
    requestOptions = {
        url: apiOptions.server + path,
        method: "GET",
        json: {}
    };
    request(
        requestOptions,
        function (err, response, body) {
            if (err) {
                console.log(err);
            } else {
                console.log(response.statusCode);
                renderBlogEdit(req, res, body);
            }
        }
    );
};

/*Render BLOG EDIT PAGE */
var renderBlogEdit = function (req, res, blogData) {
    res.render('blogedit', {
        title: 'Edit Blog',
        pageHeader: {
            title: 'Edit Blog'
        },
        blogData: blogData,
        blogid: blogData._id,
        blogTitle: blogData.blogTitle,
        blogText: blogData.blogText
    });
};
/*Blog Edit Post*/
module.exports.editPost = function (req, res) {
    var requestOptions, path, postdata;
    path = '/api/blog/' + req.params.blogid;

    postdata = {
        blogTitle: req.body.blogTitle,
        blogText: req.body.blogText
    };

    requestOptions = {
        url: apiOptions.server + path,
        method: "PUT",
        json: postdata
    };
    request(
        requestOptions,
        function (err, response, body) {
            if (response.statusCode === 201) {
                res.redirect('/bloglist');
            } else {
                _showError(req, res, response.statusCode);
            }
        }
    );
};

这是我用于编辑博客的 app_server 控制器,下面将是我用于编辑博客的 app_api 函数。

module.exports.readOne = function (req, res) {
    console.log('Finding blogs', req.params);
    if (req.params && req.params.blogid) {
        blogSch
            .findById(req.params.blogid)
            .exec(function (err, blog) {
                if (!blog) {
                    sendJsonResponse(res, 404, {
                        "message": "blogid not found"
                    });
                    return;
                } else if (err) {
                    console.log(err);
                    sendJsonResponse(res, 404, err);
                    return;
                }
                console.log(blog);
                sendJsonResponse(res, 200, blog);
            });
    } else {
        console.log('No blogid in request');
        sendJsonResponse(res, 404, {
            "message": "No blogid in request"
        });
    }
};

module.exports.editOne = function (req, res) {
    console.log("Updating Blog Entry : " + req.params.blogid);
    console.log(req.body);
    blogSch.findOneAndUpdate(
        { _id: req.params.blogid },
        { $set: { "blogTitle": req.body.blogTitle } },
        { $set: { "blogText": req.body.blogText } },
        function (err, response) {
            if (err) {
                sendJsonResponse(res, 400, err);
            } else {
                sendJsonResponse(res, 201, response);
            }
        }
    );
};

任何帮助是极大的赞赏。为了更清楚地说明,当在表单上点击提交按钮时,我只会收到一个 404 错误,因为找不到页面。非常感谢!

标签: javascriptmongodbrestexpressmean-stack

解决方案


乍一看,您的表单有无效的 html。HTML5 表单只能有方法“POST”和“GET”。由于 PUT 无效,因此表单被视为 GET 请求,这就是为您提供 404 页面的原因。

更改您的代码以在 HTML5 表单和服务器上使用 POST。


推荐阅读