<!DOCTYPE html>
<html>
<head>
<title>Get Survey Result after sending results for plaform jQuery, Online Survey Library Example</title>
<script src="https://unpkg.com/jquery"></script>
<script src="https://surveyjs.azureedge.net/1.0.9/survey.jquery.js"></script>
<link href="https://surveyjs.azureedge.net/1.0.9/survey.css" type="text/css" rel="stylesheet"/>
<link rel="stylesheet" href="./index.css">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<script type="text/javascript" src="http://cdn3.devexpress.com/jslib/15.1.5/js/dx.chartjs.js"></script>
</head>
<body>
<div id="chartContainer"></div>
<div id="surveyElement"></div>
<div id="surveyResult"></div>
<script type="text/javascript" src="./index.js"></script>
</body>
</html>
var surveySendResult = function (s, options) {
if (options.success) {
s.getResult('a15eee7a-9418-4eb4-9671-2009c8ff6b24', 'langs');
}
};
var surveyGetResult = function (s, options) {
if (options.success) {
showChart(options.dataList);
}
};
function showChart(chartDataSource) {
document
.getElementById("chartContainer")
.style
.height = "500px";
$("#chartContainer").dxPieChart({
dataSource: chartDataSource,
series: {
argumentField: 'name',
valueField: 'value'
}
});
}
Survey
.StylesManager
.applyTheme("default");
var json = {
surveyId: '5af48e08-a0a5-44a5-83f4-1c90e8e98de1',
surveyPostId: '3ce10f8b-2d8a-4ca2-a110-2994b9e697a1'
};
window.survey = new Survey.Model(json);
survey
.onComplete
.add(function (result) {
document
.querySelector('#surveyResult')
.innerHTML = "result: " + JSON.stringify(result.data);
});
$("#surveyElement").Survey({model: survey, onSendResult: surveySendResult, onGetResult: surveyGetResult});