Cart Licenses Contact Support Online Creator Log in/Register
Try
Buy
v 1.9.50

Store Survey Results

Survey results are JSON objects that you can store in your own database or in the SurveyJS Service.

Store Survey Results in Your Own Database

To store survey results in your own database, handle the onComplete event raised in response to a click on the Complete button. The following code shows how to use this event to send survey results to your server:

import { Model } from "survey-core";

const surveyJson = { ... };

const survey = new Model(surveyJson);
survey.onComplete.add(function (sender, options) {
  // Display the "Saving..." message (pass a string value to display a custom message)
  options.showDataSaving();
  const xhr = new XMLHttpRequest();
  xhr.open("POST", "your/server/url");
  xhr.setRequestHeader("Content-Type", "application/json; charset=utf-8");
  xhr.onload = xhr.onerror = function () {
    if (xhr.status == 200) {
      // Display the "Success" message (pass a string value to display a custom message)
      options.showDataSavingSuccess();
      // Alternatively, you can clear all messages:
      // options.showDataSavingClear();
    } else {
      // Display the "Error" message (pass a string value to display a custom message)
      options.showDataSavingError();
    }
  };
  xhr.send(JSON.stringify(sender.data));
});

The onComplete event handler only sends survey results in JSON format to your server. The way you store them fully depends on your backend.

Store Survey Results in the SurveyJS Service

SurveyJS Service is a full-cycle survey solution. The service allows you to create a survey and store its JSON schema in our database. You can also load surveys from the database, display them to your clients, and send the results back to the service for storage and analysis.

DISCLAIMER: SurveyJS Service is meant as a demonstration of what you can build with SurveyJS products. SurveyJS assumes no responsibility for any consequence of misusing or violating any sensitive data communicated via the service. In real-world applications, we strongly recommend storing survey results and JSON schemas in your own database.

Follow the steps below to start using the SurveyJS Service:

  1. Log in or register on the SurveyJS website.

  2. Create a new survey.

  3. Copy the Survey ID and Post ID:

    Survey ID and Post ID

    Assign the IDs to the surveyId and surveyPostId properties:

    const surveyJson = {
      "surveyId": "9b5f68e0-3be3-4695-85e6-919354159006",
      "surveyPostId": "dfce82b1-c081-45fe-b13e-fb2bd2977cc7"
    }
    
  4. (Optional) Enable the surveyShowDataSaving property to display saving progress and errors:

    const surveyJson = {
      // ...
      "surveyShowDataSaving": true
    }
    

View example

See Also