JavaScript——易班优课YOOC课群在线测试自动答题解决方案(一)答案获取

JavaScript 专栏收录该内容
111 篇文章 2 订阅

基本概念

易班优课YOOC:优课YOOC”是易班网于2016年4月研发并推出的基于Social Learning的理念而开发的在线学习平台。

官方网站:https://www.yooc.me/

问题分析

 

考试信息 

题目ID 

 

答案隐藏脚本 

解决方案

注:本脚本基于考试详情页面

例:https://www.yooc.me/group/16x263/exam/11067x/detail 

 获取题目DOM

利用AJAX重新请求页面,绕开答案隐藏脚本。 

var xmlhttp = new XMLHttpRequest();//获取对象

xmlhttp.onreadystatechange = function(){//设置回调函数
	
	if(xmlhttp.readyState == 4){//这里的4是请求的状态码,代表请求已经完成
		
		if(xmlhttp.status == 200 || xmlhttp.status == 304){//这里是获得响应的状态码,200代表成功,304代表无修改可以直接从缓存中读取
		
			console.log(xmlhttp);
			var x=parseToDOM(xmlhttp.responseText)
			var html=document.createElement("html");
			html.innerHTML=xmlhttp.responseText
			console.log(html)
			var question=html.getElementsByClassName('question-board')
			console.log(question)
		}

	}

}
xmlhttp.open("GET",document.URL);

xmlhttp.send();//GET请

 题目DOM转数组

			var question_arr=[]
			question.forEach(q=>{
				question_arr.push({id:q.id,question:q.outerHTML})
			})

封装数据包

			var data={group:groupId,
				exam:examId,
				questions:question_arr}

 上传数据库

                        var posthttp = new XMLHttpRequest();//获取对象
			posthttp.onreadystatechange = function(){//设置回调函数
				if(posthttp.readyState == 4)//这里的4是请求的状态码,代表请求已经完成
					if(posthttp.status == 200 || posthttp.status == 304){//这里是获得响应的状态码,200代表成功,304代表无修改可以直接从缓存中读取
						var result = posthttp.responseText;//这里获取的是响应文本,也可以获得响应xml或JSON
						console.log(result)
					}
			}
			posthttp.open("POST","https://www.xxxx.top/MyZSTU/exams");
			posthttp.setRequestHeader("Content-Type","application/json");
			posthttp.setRequestHeader("Content-Security-Policy","upgrade-insecure-requests");
			posthttp.send(JSON.stringify(data));//POST请求

完整代码 

var xmlhttp = new XMLHttpRequest();//获取对象

xmlhttp.onreadystatechange = function(){//设置回调函数
	
	if(xmlhttp.readyState == 4){//这里的4是请求的状态码,代表请求已经完成
		
		if(xmlhttp.status == 200 || xmlhttp.status == 304){//这里是获得响应的状态码,200代表成功,304代表无修改可以直接从缓存中读取
		
			console.log(xmlhttp);
			//创建DOM
			var html=document.createElement("html");
			html.innerHTML=xmlhttp.responseText
			console.log(html)
			var group=document.getElementById('group-data')
			var groupId=group.getAttribute("data-group-id")
			var examId=group.getAttribute("data-exam-id")
			var question=Array.from(html.getElementsByClassName('question-board'))
			console.log(question)
			//答案转换
			var question_arr=[]
			question.forEach(q=>{
				question_arr.push({id:q.id,question:q.outerHTML})
			})
			//数据封装
			var data={group:groupId,
				exam:examId,
				questions:question_arr}
			console.log(data)
			//上传服务器
			var posthttp = new XMLHttpRequest();//获取对象
			posthttp.onreadystatechange = function(){//设置回调函数
				if(posthttp.readyState == 4)//这里的4是请求的状态码,代表请求已经完成
					if(posthttp.status == 200 || posthttp.status == 304){//这里是获得响应的状态码,200代表成功,304代表无修改可以直接从缓存中读取
						var result = posthttp.responseText;//这里获取的是响应文本,也可以获得响应xml或JSON
						console.log(result)
					}
			}
			posthttp.open("POST","https://www.sxxxxng.top/MyZSTU/exxaamaass");
			//JSON Header
			posthttp.setRequestHeader("Content-Type","application/json");
			posthttp.setRequestHeader("Content-Security-Policy","upgrade-insecure-requests");
			//解析为JSON
			posthttp.send(JSON.stringify(data));//POST请求


		}

	}

}
xmlhttp.open("GET",document.URL);

xmlhttp.send();//GET请求

参考文章

https://blog.csdn.net/zzh_97580460/article/details/99934372

https://blog.csdn.net/weixin_43272781/article/details/105774421

http://caibaojian.com/javascript/107.html

  • 6
    点赞
  • 3
    评论
  • 11
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

<p> <span></span> </p> <p> 手把手讲授如何搭建成功OpenVINO框架,并且使用预训练模型快速开发超分辨率、道路分割、汽车识别、人脸识别、人体姿态和行人车辆分析。得益于OpenVINO框架的强大能力,这些例子都能够基于CPU达到实时帧率。<br /> 课程的亮点在于在调通Demo的基础上更进步:是在讲Demo的时候,对相关领域问题进行分析(比如介绍什么是超分辨率,有什么作用)、预训练模型的来龙去脉(来自那篇论文,用什么训练的)、如何去查看不同模型的输入输出参数、如何编写对应的接口参数进行详细讲解;二是基本上对所有的代码进行重构,也就是能够让例子独立出来,并且给出了带有较详细注释的代码;三是注重实际运用,将Demo进步和实时视频处理框架融合,形成能够独立运行的程序,方便模型落地部署;四是重难点突出、注重总结归纳,对OpenVINO基本框架,特别是能够提高视频处理速度的异步机制和能够直接部署解决实际问题的骨骼模型着重讲解,帮助学习理解;五是整个课程准备精细,每课都避免千篇律,前课有对后课的预告,后课有对前课的难点回顾,避免学习过程中出现突兀;六是在适当的时候拓展衍生,不仅讲OpenVINO解决图像处理问题,而且还补充图像处理的软硬选择、如何在手机上开发图像处理程序等内容,帮助拓展视野,增强对行业现状的了解。<br /><br /> 基本提纲:<br /> 1、课程综述、环境配置<br /> 2、OpenVINO范例-超分辨率(super_resolution_demo)<br /> 3、OpenVINO范例-道路分割(segmentation_demo)<br /> 4、OpenVINO范例-汽车识别(security_barrier_camera_demo)<br /> 5、OpenVINO范例-人脸识别(interactive_face_detection_demo)<br /> 6、OpenVINO范例-人体姿态分析(human_pose_estimation_demo)<br /> 7、OpenVINO范例-行人车辆分析(pedestrian_tracker_demo)<br /> 8、NCS和GOMFCTEMPLATE<br /> 9、课程小结,资源分享 </p>
相关推荐
<p style="font-size:16px;"> 本课程是个理论和实战相结合的课程。通过本课程的学习,大家可以系统的学习高德地图各个接口如何在自己的项目中使用。以及如何进行扩展学习。 </p> <p style="font-size:16px;"> <span style="color:#E53333;">学习完本课程可以继续学习“</span><span style="color:#E53333;">Web前端开发仿美团/饿了吗移动App之高德地图接口对接案例</span><span style="color:#E53333;">”,</span> </p> <p style="font-size:16px;"> <span style="color:#E53333;">主要内容:</span> </p> <p style="font-size:16px;"> </p><ol style="font-size:16px;"><li> <p> <span style="color:#E53333;">路线的查询接口</span> </p> </li> <li> <p> <span style="color:#E53333;">周边搜索接口</span> </p> </li> <li> <p> <span style="font-size:16px;color:#E53333;">学习针对高德地图接口对接的实际应用</span><span style="color:#E53333;"></span> </p> </li> </ol><span style="color:#E53333;">   访问地址:</span><a href="https://edu.csdn.net/course/detail/29170"><span style="color:#E53333;">https://edu.csdn.net/course/detail/29170</span></a> <p style="font-size:16px;"> <br /></p> <p style="font-size:16px;"> 本课程的主要内容如下: </p> <ol style="font-size:16px;"><li> <p> 如何到高德地图开发者平台注册账号以及申请权限 </p> </li> <li> <p> 如何在自己的项目中引入高德地图的接口 </p> </li> <li> <p> 对接常见的接口:定位 </p> </li> <li> <p> 得到详细地址信息 </p> </li> <li> <p> 在地图上添加点标记 </p> </li> <li> <p> 添加信息窗体 </p> </li> </ol>
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值