jquery 怎么实现一个考试页面
1、新建一个htm文件,用来保存和执行jquery。在文件的html代码中,引入jquery。
2、在htm文件中,加入一个按钮,给按钮一个id,比如叫“btn”,这个用来读取题库。同时在htm文件中,加入一个div,比如id叫“tiku”,用来显示读取到的题库。
3、为这个按钮添加jquery代码。这段代码的含义是从hqtk.ashx文件中,用get方法获取题库,将读取到的结果显示在id为“tiku”的div中。
4、现在我们来建立这个hqtk.ashx文件,这个文件是.net的一般处理文件。打开visual studio,新建网站,建好网站后新建ashx项目,取名为tqtk.ashx。在这个文件中,输入以下代码。(这段代码可以修改为从数据库获取的方式,但本例为简单起见,直接输出。)
5、在上面的代码中,radio按钮有一个onclick事件,事件名称是TiJiao,我们在htm文件中,写这个TiJiao的代码。这段代码的含义是使用Post方法,向PanDuan.ashx提交答案,如果提交不成功,提示提交失败。
6、现在我们来建立这个PanDuan.ashx文件,这个文件也是.net的一般处理文件。回到visual studio,新建ashx项目,取名为PanDuan.ashx。在这个文件中,输入以下代码。(这段代码可以修改为从数据库读取正确答案的方式,但本例为简单起见,直接进行判断。)
7、好了,这就是一个简单的用jquery实现一个考试页面的例子,具体实践中,需要将直接输出的部分用数据库读写来实现,还需要建立用户密码和登录管理功能。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:81
阅读量:75
阅读量:34
阅读量:90
阅读量:21