目录
helloweba" >helloweba
如何使用jQuery+PHP+MySQL来实现一个在线测试项目" >如何使用jQuery+PHP+MySQL来实现一个在线测试项目
回复讨论(解决方案)
Failed to parse questions.
' + judgeSkills(json.score) + '
 您的分数: ' + json.score + '
首页 后端开发 php教程 昨晚忙到凌晨3点都没解决的问题,大侠,今天晚能不熬夜不?HELP!

昨晚忙到凌晨3点都没解决的问题,大侠,今天晚能不熬夜不?HELP!

Jun 20, 2016 pm 12:43 PM

想做一个在线答题系统,看看网上有个现成的,拿来试试,下载源码上传到sina云,为什么和原创的不一样呢?(答完题后没分数)
我的sina云地址:http://1.xyqcsmwly.sinaapp.com/quizphp/quiz.php

原创的演示地址:http://www.helloweba.com/demo/quiz/quiz.php

我的代码:
quiz.php

<?phpinclude_once("connect.php");$sql = "select * from quiz order by id asc";$query = mysql_query($sql);while($row=mysql_fetch_array($query)){	$answers = explode('###',$row['answer']);	$arr[] = array(		'question' => $row['id'].'、'.$row['question'],		'answers' => $answers	);}$json = json_encode($arr);?><!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>演示:如何使用jQuery+PHP+MySQL来实现一个在线测试项目</title><meta name="keywords" content="jquery,php,mysql" /><meta name="description" content="Helloweba文章结合实例演示HTML5、CSS3、jquery、PHP等WEB技术应用。" /><link rel="stylesheet" type="text/css" href="main.css" /><link rel="stylesheet" type="text/css" href="styles.css" /><style type="text/css">.demo{width:760px; margin:60px auto 10px auto}</style><script src="my.js"></script><script src="quizs.js"></script><script>$(function(){	$('#quiz-container').jquizzy({        questions: <?php echo $json;?>,		sendResultsURL: 'data.php'    });});</script></head><body>	<div id="header">   <div id="logo"><h1 id="a-nbsp-href-http-www-helloweba-com-nbsp-title-返回helloweba首页-helloweba-a"><a href="http://www.helloweba.com" title="返回helloweba首页">helloweba</a></h1></div>   <div class="demo_topad"><script src="/js/ad_js/demo_topad.js" type="text/javascript"></script></div></div><div id="main">   <h2 id="a-nbsp-href-http-www-helloweba-com-view-blog-html-如何使用jQuery-PHP-MySQL来实现一个在线测试项目-a"><a href="http://www.helloweba.com/view-blog-297.html">如何使用jQuery+PHP+MySQL来实现一个在线测试项目</a></h2>	<div class="demo">		<div id='quiz-container'></div>	</div>	<div class="ad_76090"><script src="/js/ad_js/bd_76090.js" type="text/javascript"></script></div><br/></div><div id="footer">    <p>Powered by helloweba.com  允许转载、修改和使用本站的DEMO,但请注明出处:<a href="http://www.helloweba.com">www.helloweba.com</a></p></div><p id="stat"><script type="text/javascript" src="/js/tongji.js"></script></p></body></html>
登录后复制


connect.php
<?php$host=SAE_MYSQL_HOST_M;$port=SAE_MYSQL_PORT;$db_user=SAE_MYSQL_USER;$db_pass=SAE_MYSQL_PASS;$db_name=SAE_MYSQL_DB;$link=mysql_connect($host.':'.$port,$db_user,$db_pass);mysql_select_db($db_name,$link);mysql_query("SET names UTF8");header("Content-Type: text/html; charset=utf-8");date_default_timezone_set($timezone); //北京时间?>
登录后复制


data.php
<?phpinclude_once("connect.php");$data = $_REQUEST['an'];$answers = explode('|',$data);$an_len = count($answers)-1; //题目数$sql = "select correct from quiz order by id asc";$query = mysql_query($sql);$i = 0;$score = 0; //初始得分$q_right = 0; //答对的题数while($row=mysql_fetch_array($query)){	if($answers[$i]==$row['correct']){		$arr['res'][] = 1;		$q_right += 1;	}else{		$arr['res'][] = 0;	}	$i++;}$arr['score'] = round(($q_right/$an_len)*100); //总得分echo json_encode($arr);?>
登录后复制
登录后复制


回复讨论(解决方案)

data.php

<?phpinclude_once("connect.php");$data = $_REQUEST['an'];$answers = explode('|',$data);$an_len = count($answers)-1; //题目数$sql = "select correct from quiz order by id asc";$query = mysql_query($sql);$i = 0;$score = 0; //初始得分$q_right = 0; //答对的题数while($row=mysql_fetch_array($query)){	if($answers[$i]==$row['correct']){		$arr['res'][] = 1;		$q_right += 1;	}else{		$arr['res'][] = 0;	}	$i++;}$arr['score'] = round(($q_right/$an_len)*100); //总得分echo json_encode($arr);?>
登录后复制
登录后复制

quizs.js
(function($) {    $.fn.jquizzy = function(settings) {        var defaults = {            questions: null,            startImg: 'images/start.gif',            endText: '已结束!',            shortURL: null,            sendResultsURL: null,            resultComments: {                perfect: '你是爱因斯坦么?',                excellent: '非常优秀!',                good: '很好,发挥不错!',                average: '一般般了。',                bad: '太可怜了!',                poor: '好可怕啊!',                worst: '悲痛欲绝!'            }        };        var config = $.extend(defaults, settings);        if (config.questions === null) {            $(this).html('<div class="intro-container slide-container"><h2 id="Failed-nbsp-to-nbsp-parse-nbsp-questions">Failed to parse questions.</h2></div>');            return;        }        var superContainer = $(this),        answers = [],        introFob = '	<div class="intro-container slide-container"><a class="nav-start" href="#">请认真完成测试题。准备好了吗?<br/><br/><span><img  src="/static/imghw/default1.png"  data-src="'+config.startImg+'"  class="lazy"  +config.startImg+'" alt="昨晚忙到凌晨3点都没解决的问题,大侠,今天晚能不熬夜不?HELP!" ></span></a></div>	',        exitFob = '<div class="results-container slide-container"><div class="question-number">' + config.endText + '</div><div class="result-keeper"></div></div><div class="notice">请选择一个选项!</div><div class="progress-keeper" ><div class="progress"></div></div>',        contentFob = '',        questionsIteratorIndex,        answersIteratorIndex;        superContainer.addClass('main-quiz-holder');        for (questionsIteratorIndex = 0; questionsIteratorIndex < config.questions.length; questionsIteratorIndex++) {            contentFob += '<div class="slide-container"><div class="question-number">' + (questionsIteratorIndex + 1) + '/' + config.questions.length + '</div><div class="question">' + config.questions[questionsIteratorIndex].question + '</div><ul class="answers">';            for (answersIteratorIndex = 0; answersIteratorIndex < config.questions[questionsIteratorIndex].answers.length; answersIteratorIndex++) {                contentFob += '<li>' + config.questions[questionsIteratorIndex].answers[answersIteratorIndex] + '</li>';            }            contentFob += '</ul><div class="nav-container">';            if (questionsIteratorIndex !== 0) {                contentFob += '<div class="prev"><a class="nav-previous" href="#">< 上一题</a></div>';            }            if (questionsIteratorIndex < config.questions.length - 1) {                contentFob += '<div class="next"><a class="nav-next" href="#">下一题 ></a></div>';            } else {                contentFob += '<div class="next final"><a class="nav-show-result" href="#">完成</a></div>';            }            contentFob += '</div></div>';            answers.push(config.questions[questionsIteratorIndex].correctAnswer);        }        superContainer.html(introFob + contentFob + exitFob);        var progress = superContainer.find('.progress'),        progressKeeper = superContainer.find('.progress-keeper'),        notice = superContainer.find('.notice'),        progressWidth = progressKeeper.width(),        userAnswers = [],        questionLength = config.questions.length,        slidesList = superContainer.find('.slide-container');        function checkAnswers() {            var resultArr = [],            flag = false;            for (i = 0; i < answers.length; i++) {                if (answers[i] == userAnswers[i]) {                    flag = true;                } else {                    flag = false;                }                resultArr.push(flag);            }            return resultArr;        }        function roundReloaded(num, dec) {            var result = Math.round(num * Math.pow(10, dec)) / Math.pow(10, dec);            return result;        }        function judgeSkills(score) {            var returnString;            if (score === 100) return config.resultComments.perfect;            else if (score > 90) return config.resultComments.excellent;            else if (score > 70) return config.resultComments.good;            else if (score > 50) return config.resultComments.average;            else if (score > 35) return config.resultComments.bad;            else if (score > 20) return config.resultComments.poor;            else return config.resultComments.worst;        }        progressKeeper.hide();        notice.hide();        slidesList.hide().first().fadeIn(500);        superContainer.find('li').click(function() {            var thisLi = $(this);            if (thisLi.hasClass('selected')) {                thisLi.removeClass('selected');            } else {                thisLi.parents('.answers').children('li').removeClass('selected');                thisLi.addClass('selected');            }        });        superContainer.find('.nav-start').click(function() {            $(this).parents('.slide-container').fadeOut(500,            function() {                $(this).next().fadeIn(500);                progressKeeper.fadeIn(500);            });            return false;        });        superContainer.find('.next').click(function() {            if ($(this).parents('.slide-container').find('li.selected').length === 0) {                notice.fadeIn(300);                return false;            }            notice.hide();            $(this).parents('.slide-container').fadeOut(500,            function() {                $(this).next().fadeIn(500);            });            progress.animate({                width: progress.width() + Math.round(progressWidth / questionLength)            },            500);            return false;        });        superContainer.find('.prev').click(function() {            notice.hide();            $(this).parents('.slide-container').fadeOut(500,            function() {                $(this).prev().fadeIn(500);            });            progress.animate({                width: progress.width() - Math.round(progressWidth / questionLength)            },            500);            return false;        });        superContainer.find('.final').click(function() {            if ($(this).parents('.slide-container').find('li.selected').length === 0) {                notice.fadeIn(300);                return false;            }            superContainer.find('li.selected').each(function(index) {                userAnswers.push($(this).parents('.answers').children('li').index($(this).parents('.answers').find('li.selected')) + 1);            });						progressKeeper.hide();			var resultSet = '';			            if (config.sendResultsURL !== null) {                var collate = [];				var myanswers = '';                for (r = 0; r < userAnswers.length; r++) {                    collate.push('{"questionNumber":"' + parseInt(r + 1, 10) + '", "userAnswer":"' + userAnswers[r] + '"}');					myanswers = myanswers + userAnswers[r]+'|';                }								$.getJSON(config.sendResultsURL,{an:myanswers},function(json){					if(json==null){						alert('通讯失败!');					}else{												var corects = json['res'];						$.each(corects,function(index,array){							resultSet += '<div class="result-row">' + (corects[index] === 1 ? "<div class='correct'>#"+(index + 1)+"<span></span></div>": "<div class='wrong'>#"+(index + 1)+"<span></span></div>")+'</div>';						});						resultSet = '<h2 id="nbsp-nbsp-judgeSkills-json-score-nbsp-nbsp-br-nbsp-您的分数-nbsp-nbsp-nbsp-json-score-nbsp-nbsp">' + judgeSkills(json.score) + '<br/> 您的分数: ' + json.score + '</h2><div class="jquizzy-clear"></div>' + resultSet + '<div class="jquizzy-clear"></div>';																		superContainer.find('.result-keeper').html(resultSet).show(500);					}					});            }			            //superContainer.find('.resultsview-qhover').hide();                        $(this).parents('.slide-container').fadeOut(500,            function() {                $(this).next().fadeIn(500);            });            return false;        });    };})(jQuery);
登录后复制

文件目录:

原创在线答题源码地址:http://www.helloweba.com/downsoft/297/

大侠们,帮忙看看,谢谢!

quiz.sql

-- phpMyAdmin SQL Dump-- version 3.2.0.1-- http://www.phpmyadmin.net---- 主机: localhost-- 生成日期: 2015 年 04 月 04 日 13:49-- 服务器版本: 5.5.8-- PHP 版本: 5.3.3SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;/*!40101 SET NAMES utf8 */;---- 数据库: `lrfbeyond_demo`---- ------------------------------------------------------------ 表的结构 `quiz`--CREATE TABLE IF NOT EXISTS `quiz` (  `id` int(11) NOT NULL AUTO_INCREMENT,  `question` varchar(100) NOT NULL,  `answer` varchar(500) NOT NULL,  `correct` tinyint(2) NOT NULL,  PRIMARY KEY (`id`)) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=6 ;---- 转存表中的数据 `quiz`--INSERT INTO `quiz` (`id`, `question`, `answer`, `correct`) VALUES(1, '罗马帝国曾一度辉煌,令人神往,故有“条条大陆通罗马”一说。那么,今天你是怎样理解这一谚语的准确含义的?', 'A.入乡随俗 ###B.四通八达 ###C.殊途同归 ###D.流连忘返', 3),(2, '找出不同类的一项:', 'A.斑马 ###B.军马 ###C.赛马 ###D.骏马 ###E.驸马', 5),(3, ' 蜡烛在空气中燃烧,蜡烛质量逐渐变小。这说明', 'A.物质可以自生自灭###B.发生的不是化学变化###C.不遵守质量守恒定律###D.生成物为气体,散发到空气中了', 4),(4, '以下哪位歌手没有获得过《我是歌手》总冠军?', 'A.羽泉###B.韩磊###C.邓紫棋###D.韩红', 3),(5, '下列哪个标签不是HTML5中的新标签?', 'A.<article>###B.<canvas>###C.<section>###D.<sub>', 4);
登录后复制

感谢版主大人xuzuning的回复,补齐4个文件,仍不能统计出结果。
补齐4个文件后的测试连接:http://2.xyqcsmwly.sinaapp.com/quiz.php

Warning: Cannot modify header information - headers already sent by (output started at /data1/www/htdocs/795/xyqcsmwly/2/quiz.php:1) in connect.php on line 12


你自己 F12

感谢,xuzuning,程序已正常运行。估计和SINA云身份认证有关,谢谢!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1662
14
CakePHP 教程
1419
52
Laravel 教程
1313
25
PHP教程
1262
29
C# 教程
1236
24
说明PHP中的不同错误类型(注意,警告,致命错误,解析错误)。 说明PHP中的不同错误类型(注意,警告,致命错误,解析错误)。 Apr 08, 2025 am 12:03 AM

PHP中有四种主要错误类型:1.Notice:最轻微,不会中断程序,如访问未定义变量;2.Warning:比Notice严重,不会终止程序,如包含不存在文件;3.FatalError:最严重,会终止程序,如调用不存在函数;4.ParseError:语法错误,会阻止程序执行,如忘记添加结束标签。

说明PHP中的安全密码散列(例如,password_hash,password_verify)。为什么不使用MD5或SHA1? 说明PHP中的安全密码散列(例如,password_hash,password_verify)。为什么不使用MD5或SHA1? Apr 17, 2025 am 12:06 AM

在PHP中,应使用password_hash和password_verify函数实现安全的密码哈希处理,不应使用MD5或SHA1。1)password_hash生成包含盐值的哈希,增强安全性。2)password_verify验证密码,通过比较哈希值确保安全。3)MD5和SHA1易受攻击且缺乏盐值,不适合现代密码安全。

PHP和Python:比较两种流行的编程语言 PHP和Python:比较两种流行的编程语言 Apr 14, 2025 am 12:13 AM

PHP和Python各有优势,选择依据项目需求。1.PHP适合web开发,尤其快速开发和维护网站。2.Python适用于数据科学、机器学习和人工智能,语法简洁,适合初学者。

PHP行动:现实世界中的示例和应用程序 PHP行动:现实世界中的示例和应用程序 Apr 14, 2025 am 12:19 AM

PHP在电子商务、内容管理系统和API开发中广泛应用。1)电子商务:用于购物车功能和支付处理。2)内容管理系统:用于动态内容生成和用户管理。3)API开发:用于RESTfulAPI开发和API安全性。通过性能优化和最佳实践,PHP应用的效率和可维护性得以提升。

什么是HTTP请求方法(获取,发布,放置,删除等),何时应该使用? 什么是HTTP请求方法(获取,发布,放置,删除等),何时应该使用? Apr 09, 2025 am 12:09 AM

HTTP请求方法包括GET、POST、PUT和DELETE,分别用于获取、提交、更新和删除资源。1.GET方法用于获取资源,适用于读取操作。2.POST方法用于提交数据,常用于创建新资源。3.PUT方法用于更新资源,适用于完整更新。4.DELETE方法用于删除资源,适用于删除操作。

PHP:网络开发的关键语言 PHP:网络开发的关键语言 Apr 13, 2025 am 12:08 AM

PHP是一种广泛应用于服务器端的脚本语言,特别适合web开发。1.PHP可以嵌入HTML,处理HTTP请求和响应,支持多种数据库。2.PHP用于生成动态网页内容,处理表单数据,访问数据库等,具有强大的社区支持和开源资源。3.PHP是解释型语言,执行过程包括词法分析、语法分析、编译和执行。4.PHP可以与MySQL结合用于用户注册系统等高级应用。5.调试PHP时,可使用error_reporting()和var_dump()等函数。6.优化PHP代码可通过缓存机制、优化数据库查询和使用内置函数。7

PHP如何安全地上载文件? PHP如何安全地上载文件? Apr 10, 2025 am 09:37 AM

PHP通过$\_FILES变量处理文件上传,确保安全性的方法包括:1.检查上传错误,2.验证文件类型和大小,3.防止文件覆盖,4.移动文件到永久存储位置。

解释self ::,parent ::和static :: in php oop中的区别。 解释self ::,parent ::和static :: in php oop中的区别。 Apr 09, 2025 am 12:04 AM

在PHPOOP中,self::引用当前类,parent::引用父类,static::用于晚静态绑定。1.self::用于静态方法和常量调用,但不支持晚静态绑定。2.parent::用于子类调用父类方法,无法访问私有方法。3.static::支持晚静态绑定,适用于继承和多态,但可能影响代码可读性。

See all articles