javascript - Kann $.ajax({}) in einer JS-Funktion aufgerufen werden?
1. Ich möchte eine Fragebogenumfrage durchführen. Es gibt mehrere Fragen auf der Seite und unter jeder Frage gibt es mehrere Optionen. Schließlich gibt es eine Schaltfläche zum Senden, um festzustellen, ob der Benutzer beim Senden angemeldet ist. Die Fragen und Optionen werden dynamisch aus dem Hintergrund über $.ajax auf der JSP-Seite abgerufen und im Vordergrund in HTML-Form angezeigt. Beim Absenden müssen Sie nun die ausgewählten Elemente und Fragen abrufen und sie für Hintergrundstatistiken in der Hintergrunddatenbank speichern.
2.Formularformular
<form id="myform" name="myform" method="post">
<p class="sub730">
<p class="rightTitleStyle" id="rightTitle">
<span>有奖调查</span>
</p>
<p id="contentp">
<p class="newsLeftLayoutOp sceneRightLayout">
<p class="newsDetailContent">
<h2>${iyInvestigate.title}</h2>
<p class="newsDetailConMsg">
<span>发布时间：</span> <span>${iyInvestigate.createTime}</span> <span>活动结束时间：</span>
<span>${iyInvestigate.endtime}</span>
</p>
<p>
<span>${iyInvestigate.summary}</span>
</p>
<p id="optionp" class="test_content_nr"></p>
<p class="col-lg-9 col-lg-offset-3">
<a id="sub" href="javascript:void(0)" onclick="submitAnswer();">提交</a>
</p>
</p>
</p>
</p>
</p>
</p>
</form>
Dynamisches Laden von Fragen und Optionen
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type : "post",
dataType : "json",
url : "${ctx}/website/yjdc/investigate/findInvestigateOptionByPage.action",
data : {"id":'${iyInvestigate.id}'},
success: function(rec){
var root = "${ctx}";
var optionlist = rec.investigateOpList;
var opHTML = '<ul>';
for(var i = 0;i<optionlist.length;i++){
var option = optionlist[i];
opHTML += '<li name="optionTitle" id="qu_0_'+i+'">';
opHTML += '<p name="pOptionTitle" class="test_content_nr_tt" id="p_0_'+i+'">'+ option.subject +'</p>';
opHTML += '<p class="test_content_nr_main">';
opHTML += '<ul>';
var deoption = option.options;
var deoptionsArr = new Array();
deoptionsArr = deoption.split("|"); //选项按照|分割开
for (var j = 0; j<deoptionsArr.length;j++){
opHTML += '<li name="liSelect" class="option">';
opHTML += '<input id="0_answer_'+i+'_option_'+j+'" class="radioOrCheck" name="answer'+i+'" type="radio">'+deoptionsArr[j];
//opHTML += '<label for="0_answer_'+i+'_option_'+j+'">'+'<p class="ue" style="display: inline;">'+deoptionsArr[j]+'</p>'+'</label>';
opHTML += '</li>';
}
opHTML += '</ul>';
opHTML += '</p>';
opHTML += '</li>';
}
opHTML += '</ul>';
$('#optionp').html(opHTML);
}
})
});
</script>Submit-Funktion subscribeAnswer()
function submitAnswer(){
var userid = "${sessionScope.user.id}";
if(userid == '')
{
alert("未登录，跳转登录页面！");
var dt = new Date();
var urlRoot = window.location.pathname;
var urlParameter = window.location.search;
var url = urlRoot + urlParameter;
window.location.href = "${pageContext.request.contextPath}/web/index/toLogin.action?url="+url+"&dt="+dt.getTime();
} else {
var k = document.getElementById('sub').innerText;
var investigateTitle = "${iyInvestigate.title}";
var indvestigateID = "${iyInvestigate.id}";
//获取同一个主题活动下的题目集合
var subjectTitleCountObj = document.getElementsByName("pOptionTitle");
//var optionSelectCount = document.getElementsByName("liSelect").length;
//获取每一道题目以及相应的选项
for (var k=0;k < subjectTitleCountObj.length;k++){
//ids = optionTitleCountObj[k].id;
//存储题目
var subject = $("#p_0_"+ k).text();
//var val_ = $('input[type="radio"][name="answer'+k+'"]:checked').val();
//存储选中的项
var selectItem = "";
var radios = document.getElementsByName("answer"+k);
for (r = 0; r < radios.length;r++) {
if (radios[r].checked) {
selectItem = radios[r].nextSibling.data;
}
};
$.ajax({
type : "post",
dataType : "json",
url : "${ctx}/website/yjdc/investigate/submitAnswer.action",
data : {"investigateTitle": ${iyInvestigate.title},"investigateID":${iyInvestigate.id},"subjectOp":subject,"selectItemOp":selectItem,"userid":${sessionScope.user.id}},
success : function(rec)
{
}
});
// for (var j=0; j<optionSelectCount;j++){
// var select = $("#0_answer_"+k+"_option_"+j).text();
// $("input:radio:checked").val();
// }
}
}
}
</script>3. Das Problem liegt jetzt in der function submitAnswer() {} 中加$.ajax({})根本进不了js函数submitAnswer。 去掉$.ajax({})才可以执行submitAnswer-Funktion.
Bitte geben Sie mir einen Rat.
