當(dāng)前位置:
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
JavaScript——易班优课YOOC课群在线测试自动答题解决方案(四)答案显示
生活随笔
收集整理的這篇文章主要介紹了
JavaScript——易班优课YOOC课群在线测试自动答题解决方案(四)答案显示
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
前文
JavaScript——易班優(yōu)課YOOC課群在線測(cè)試自動(dòng)答題解決方案(一)答案獲取
Spring Boot——易班優(yōu)課YOOC課群在線測(cè)試自動(dòng)答題解決方案(二)答案儲(chǔ)存
Spring Boot——易班優(yōu)課YOOC課群在線測(cè)試自動(dòng)答題解決方案(三)答案查詢(xún)
問(wèn)題分析
布局?
解決方案
//獲取考試信息var group=document.getElementById('group-data')var groupId=group.getAttribute("data-group-id")var examId=group.getAttribute("data-exam-id")//獲取問(wèn)題信息questions=document.getElementsByClassName('question-board')var question_arr=[]Array.from(questions).forEach(q=>{question_arr.push(q.id.substr(9))})var xmlhttp = new XMLHttpRequest();//獲取對(duì)象xmlhttp.onreadystatechange = function(){//設(shè)置回調(diào)函數(shù)if(xmlhttp.readyState == 4){//這里的4是請(qǐng)求的狀態(tài)碼,代表請(qǐng)求已經(jīng)完成if(xmlhttp.status == 200 || xmlhttp.status == 304){//這里是獲得響應(yīng)的狀態(tài)碼,200代表成功,304代表無(wú)修改可以直接從緩存中讀取var result = xmlhttp.responseText;//這里獲取的是響應(yīng)文本,也可以獲得響應(yīng)xml或JSONconsole.log(result)//解析為JS對(duì)象var obj = JSON.parse(result);var questionContainer=document.getElementsByClassName('exam-detial-container')[0]obj.forEach(q=>{var question=document.getElementById('question-'+q.id)var answer = document.createElement("div");answer.innerHTML = q.question;var child=answer.childNodes[0]child.id='ans-'+q.idquestionContainer.insertBefore(child,question)console.log(question)console.log(answer)})}}}xmlhttp.open("GET","https://www.shenxxg.top/MyZSTU/yooc/group/"+groupId+"/exam/"+examId+"/answer?question="+question_arr);xmlhttp.send();//GET請(qǐng)求運(yùn)行效果
參考文章
http://caibaojian.com/javascript/jsref/jsref_obj_string.asp
https://www.cnblogs.com/waw/archive/2011/09/11/2173783.html
https://www.cnblogs.com/ldq678/p/9202738.html
總結(jié)
以上是生活随笔為你收集整理的JavaScript——易班优课YOOC课群在线测试自动答题解决方案(四)答案显示的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Spring Boot——易班优课YOO
- 下一篇: JavaScript——易班优课YOOC