av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

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

瀏覽:60日期:2023-03-23 10:47:50

問題描述

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://m.4tl426be.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函數。

請各位大神指教。

問題解答

回答1:

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

回答2:

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

再者,你這個寫法:

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

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

html

<a href='http://m.4tl426be.cn/wenda/4466.html#'>提交</a>

js

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

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 久久伦理中文字幕 | 免费在线观看h片 | 国产精品精品视频一区二区三区 | 日本精品视频 | 综合五月 | 成人欧美一区二区三区黑人孕妇 | 九九热免费视频在线观看 | 国产欧美日韩在线一区 | 精品三区 | 国产成人网 | 青青久久av北条麻妃海外网 | 国产一区二区三区免费观看在线 | 成人精品一区二区三区四区 | 日韩视频精品在线 | 色综合久久伊人 | 国产免费又黄又爽又刺激蜜月al | 亚洲欧美日韩在线一区二区 | 日韩av资源站 | 日本涩涩网| 国产在线一区二区三区 | 精品欧美一区二区三区久久久 | 日本久草 | 亚洲精品在线视频 | 久久高清 | 国产做爰| 亚洲一区二区在线 | 国产一区二区精华 | 久久久久久综合 | 国产精品久久久久久久 | 国产精品一码二码三码在线 | 欧美激情欧美激情在线五月 | 99精品在线 | 成人精品毛片 | 一区二区三区四区免费在线观看 | 狠狠艹| 国产精品精品久久久久久 | 蜜臀网| 亚洲3级 | 精品一区二区三区日本 | 欧美一区二区三区视频 | 国产欧美一区二区精品久导航 |