javascript - $.ajax({}) 能否在js函数中调用?

问题描述

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 = 'https://www.haobala.com/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='https://www.haobala.com/wenda/4466.html#'>提交</a>

js

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

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