問題描述

1.想做一個問卷調查。 頁面中有多個題目，每個題目下有多個選項，最后有一個提交按鈕，提交時判斷用戶是否登錄。題目和選項都是在jsp頁面中通過$.ajax從后臺動態獲取以html形式顯示在前臺。 現在提交時需要獲取選擇的項和題目將其存入后臺的數據庫中，以便后臺統計。

2.form表單

<form name='myform' method='post'> <p class='sub730'><p 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 class='test_content_nr'></p> <p class='col-lg-9 col-lg-offset-3'> <a href='javascript:void(0)' onclick='submitAnswer();'>提交</a> </p></p> </p></p> </p></p></form>

動態加載題目和選項

<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' 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 name='answer’+i+’' type='radio'>’+deoptionsArr[j];//opHTML += ’<label for='0_answer_’+i+’_option_’+j+’'>’+’<p style='display: inline;'>’+deoptionsArr[j]+’</p>’+’</label>’;opHTML += ’</li>’; } opHTML += ’</ul>’; opHTML += ’</p>’; opHTML += ’</li>’;}opHTML += ’</ul>’;$(’#optionp’).html(opHTML); }}) });</script>

提交函數submitAnswer()

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 = 'http://www.aoyou183.cn/wenda/${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.現在的問題是在 function submitAnswer() {} 中加$.ajax({})根本進不了js函數submitAnswer。 去掉$.ajax({})才可以執行submitAnswer函數。

請各位大神指教。

問題解答

將ajax中data參數下的值用單引號新起來就好了，見如下代碼data : {'investigateTitle': ’${iyInvestigate.title}’,'investigateID':’${iyInvestigate.id}’,'subjectOp':’subject’,'selectItemOp':’selectItem’,'userid':’${sessionScope.user.id}’},

寫個 console.log 看看函數到底有沒有進去。

再者，你這個寫法：

<a href='javascript:void(0)' onclick='submitAnswer();'>提交</a>

為什么在 js 文件中綁定事件呢：

html

<a href='http://www.aoyou183.cn/wenda/4466.html#'>提交</a>

js

$(’#sub’).click(function(){ submitAnswer();});回答3：

你把你的submitAnswer()放到$(document).ready(function(){})試試