首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将SurveyJS数据推送到MongoDB

将SurveyJS数据推送到MongoDB
EN

Stack Overflow用户
提问于 2018-12-06 11:29:26
回答 1查看 672关注 0票数 0

我正在尝试将表单数据推送到MongoDB。我正在使用NodeJS作为web服务器。我正在笔记本电脑上运行这两台电脑。

下面是代码,并请注意哪些部分需要更改。数据库名为“research”,集合名为“biomaker”。

代码语言:javascript
复制
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.2.1.min.js"></script>
<script src="https://unpkg.com/vue"></script>
<script src="https://surveyjs.azureedge.net/1.0.48/survey.jquery.min.js"></script>

<div style="padding:50px">
  <div id="app">
    <h2>{{ message }}</h2>
  </div>
  <div id="surveyContainer"></div>
</div>
代码语言:javascript
复制
new Vue({
  el: '#app',
  data: {
    message: 'Online Questionnaire'
  }
})

Survey.Survey.cssType = "bootstrap";
var surveyJSON = {
  pages: [{
    name: "save_data_1",
    elements: [{
        type: "text",
        name: "question3",
        title: "First Name"
      },
      {
        type: "text",
        name: "question4",
        title: "Last Name"
      },
      {
        type: "text",
        name: "question5",
        title: "Date Of Birth"
      },
      {
        type: "text",
        name: "question6",
        title: "Country"
      }
    ]
  }]
}

function sendDataToServer(survey) {
  alert("The results are:" + JSON.stringify(survey.data) + ". The results can be sent to a API server and save to a database.");

  var data = {
    "request": "save_data_1",
    sdata: survey.data
  };

  $.ajax({
    headers: {},
    type: "POST",
    url: "127.0.0.1:27017/research.biomarker",
    contentType: "application/json",
    charset: "utf-8",
    dataType: "json",
    error: function(jqXHR, error, errorThrown) {
      if (jqXHR.status) {
        alert(jqXHR.responseText);
      } else {
        alert("Something went wrong");
      }
    },
    data: JSON.stringify(data),
    success: function(c, textStatus, request) {
    },
  })
}

var survey = new Survey.Model(surveyJSON);
$("#surveyContainer").Survey({
  model: survey,
  onComplete: sendDataToServer
});
代码语言:javascript
复制
body {
  background-color: #dbecec;
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-08-20 12:25:22

我设法找出了在html中构建表单所需的内容,然后使用get数据库(如firebase或mongodb )进行推送。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53650443

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档