前端ajax数据提交到服务器_XML与Web前端开发技术考试要来了！

亲爱的同学们，经过一学期的学习，相信大家基本掌握了web前端的开发以及XML技术的应用。

回顾一学期，我们一起做了这些有趣的实例：

现在，是我们检验学习成果的时候了！就像第一节课说的怎样，这门课是考查课，采用开卷的方式验证大家的学习成果。受环境影响我们也将采取新颖的方式来进行考试！

考试要求

首先，我们建立了一个考试用服务器，在考试期间服务器将接收大家的GET请求；

接下来，同学们在考试时，开始编写一个HTML页面，页面要求如下：

图1 HTML页面基本要求

图1中，按钮用于发送Ajax数据请求，将输入框中的数据发送至服务器。返回数据区用于显示服务器返回的数据结果。服务器接受的请求有三种：

(1)抽题：

指令：obtain

参数：?studentId=学号

说明：发送请求后，服务器会为该学号分配20道题目，并返回题目题号列表。该请求可以多次访问，仅在第一次访问时抽取题目，可以使用该请求查看题目题号和答题进度。

例：服务器地址/obtain/?studentId=2018011111

(2)获取题目：

指令：obtain

参数：?studentId=学号&ordinal=题号

说明：发送请求后，服务器会回复一道题目给同学们，题目都是单选题，且都有一个唯一的题号，得到题目后请将题号记下。

例：服务器地址/obtain/?studentId=2018011111&ordinal=12

(3)回答问题：

指令：submit

参数：?studentId=学号&ordinal=题号&answer=答案

说明：发送该请求，将题号和答案(一个A-D的字符)发送给服务器。同一道题目可以多次提交答案，只存储最后一次答案。

例：服务器地址/submit/?studentId=2018011111&ordinal=12&answer=A

学号为2018011111的同学回答题目12，答案为A。

流程演示如下： 抽题

获取题目

提交答案 

注意事项

最后，大家考试时需要注意如下几点：

• 每当发送请求时，服务器端将记录学号及IP地址，相同IP地址的几个同学都将被记为零分；

• 每位同学在获取题目号必须回复该问题，如果未回复则得不到该题目的分数；

•  每位同学需要请求20道问题，问题随机且不重复，每道问题记入期末成绩的5%；

•  HTML页面达到图1及以上所示的基本要求则记入期末成绩的40%，自由发挥的部分(如界面特效、CSS效果等)记入期末成绩的10%；

• 最后需要提交编写的HTML文件，存储为：姓名_学号.html，上传至课堂派，如有附加文件同时上传；

• 文件将要查重，重复率过高要打回，请尊重知识产权。