您的位置:首页 > 编程语言 > Java开发

spring mvc+ajax 问转调查传参处理

2016-04-08 11:37 435 查看
$(function () {
initQuestionnaireHtml();
});
var answers = [];

function initQuestionnaireHtml() {
$.ajax({
type: 'post',
async: true,
url: appPath.getRootPath() + "/survery/survery/getSurveryQuestion.do",
dataType: "json",
success: function (data) {
if (data != null) {
var dataHtml = "";
for (var i = 0; i < data.length; i++) {
var question = data[i];
var answer = {
"surveryQuestionid": question.id,
"surveryQuestionnaireId": question.surveryQuestionnaireId,
"answer": ""
};
answers.push(answer);
//"'+question.id+'",
dataHtml += '<div class="form-group">' +
'<label class="col-md-4 control-label" style="font-size:12px;" id="' + question.id + '">' + question.question + '</label>';
dataHtml += '<div class="col-md-8">' +
'<select class="form-control" id="' + question.id + '" name="' + question.id + '" onchange="answerQuestion(this)">' +
'<option value="" selected>-------请选择-------</option>';
var options = question.options;
for (var j = 0; j < options.length; j++) {
var questionOptionData = options[j];
dataHtml += '<option value="' + questionOptionData.code + '">' + questionOptionData.content + '</option>';
}
dataHtml += '</select>';
dataHtml += '</div>';
dataHtml += '</div>';
}

dataHtml += '<div class="form-group">' +
'<div class="col-md-6">' +
'<button type="button" class="btn btn-primary" style="margin-left:300px" onclick="saveInfo()">确定</button>' +
'</div>' +
'<div class="col-md-6">' +
'<button type="submit" class="btn btn-primary ">取消</button>' +
'</div>' +
' </div>';

$("#edit_form").append(dataHtml);

}
},
error: function () {
alert('请求服务器出错!');
}
});
};

function answerQuestion(element) {
for (var i = 0; i < answers.length; i++) {
var answer = answers[i];
var questionId = element.id;
if (answer.surveryQuestionid == questionId) {
answer.answer = element.value;
break;
}
}
}

function saveInfo() {
alert(JSON.stringify(answers));
$.ajax({
type: 'post',
async: true,
data:{"answersJson":JSON.stringify(answers)},
url: appPath.getRootPath() + "/survery/survery/ajaxSubmit.do",
dataType: "json",
success: function (data) {

if (data) {
alert("提交调查问卷成功");
}else{
alert("提交调查问卷失败");
}
},
error: function () {
alert('请求服务器出错!');
}
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: