Как получить данные с выхода mon goose с js? - PullRequest
Новая
       46

Как получить данные с выхода mon goose с js?

0 голосов
/ 17 марта 2020

Здесь возникла проблема с mon goose ... Я работаю над сайтом блога и пытался использовать quill js. Проблема в том, что у меня вывод файла из js файла, где находятся конфиги моего гусиного перья. 

  var quill = new Quill('#editor', {
    modules: {
        toolbar: [
            [{ header: [1, 2, false] }],
      ['bold', 'italic', 'underline'],
      ['image', 'code-block']
        ]
    },
    theme: 'snow'
  });
  
  $('#saveArticle').click(function(){
    quill.root.innerHTML; //output
  });

и как я могу подключить этот выход к своему мон goose. До этого я использовал тег. 

app.post("/compose", function(req, res){
    const post = new Post({
        content: req.body.output,
    });

    post.save(function(err){
        if (!err){
            res.redirect("/");
        }
      });
});

app.get("/blogs/:postName", function(req, res){
    const requestedPostId = req.params.postId;

    Post.findOne({_id: requestedPostId}, function(err, post){
    res.render("article", {
      content: post.content
    });
  });
});

1 Ответ

1 голос
/ 18 марта 2020

Чтобы отправить вывод данных на сервер, вам нужно отправить HTTP-запрос (S) к конечной точке (/compose). Браузер предоставляет способ сделать это, однако, похоже, что вы уже используете jQuery, следовательно, вы можете использовать API jQuery.ajax(), предоставляемый jQuery , Чтобы отправить данные в конечную точку /compose с ajax, ваш код должен выглядеть примерно так: 

$('#saveArticle').click(function(){
  const output = quill.root.innerHTML;
  $.ajax({
    type: 'POST',
    url: '/compose',
    data: output,
    success: function (response){
      console.log(response);
      // Whatever you want to do after successful post
      // For example, alerting that the article is saved
      alert('Article saved');
    },
    error: function(err){
      // Whatever you want to do after a failed post
      console.error(err);
    }
  });
});
...