使用 Javascript 测验连接 MySQL 数据库(初学者)

Posted

技术标签:

【中文标题】使用 Javascript 测验连接 MySQL 数据库(初学者)【英文标题】:Connect MySQL Database with Javascript Quiz (Beginner) 【发布时间】:2014-05-30 10:43:28 【问题描述】:

我正在构建一个测验,我已经构建了数据库(我将在下面输入一个我的表格的示例。我在将用户的答案实际放入数据库中时遇到问题?现在,我可以在我的浏览器上加载测验,回答问题,但我实际上无法计算出我在测验中的分数。

数据库

问题

ID      question
1       Question1?
2       Question2?

选择

ID       questID     answer
1        1           Ansa
2        1           Ansb
3        1           Ansc
1        2           Ansa
2        2           Ansb
3        2           Ansc
4        2           Ansd

用户

userID     questID     answerID

现在 userans 表是空的,因为这是应该放置用户答案的​​地方

我的测验很简单,但我只需要帮助让数据库和测验彼此“交谈”。 任何帮助表示赞赏!

测验代码

<!DOCTYPE html>
<html>
<head>
<title>Quiz</title>
<script language="javascript">

function process()

var A = 0;
var B = 0;
var C = 0;
var D = 0;

var f = document.f;
var i = 0;

for (i = 0; i < f.q1.length; i++) if (f.q1[i].checked) value = f.q1[i].value;
    if (value == "13")   
    if (value == "11")  C++; A++; B++; 
    if (value == "5")  C++; D++; A++; B++; 

for (i = 0; i < f.q2.length; i++) if (f.q2[i].checked) value = f.q2[i].value;
    if (value == "5")  C++; D++; A++; B++; 
    if (value == "12")  D++; A++; B++; 
    if (value == "11")  C++; A++; B++; 
    if (value == "10")  C++; D++; A++; 

/*Copy the above for loop for all subsequent questions, if needed*/

var out = "A"; 
i = "a"; 

if (C > i)  out ="C"; i = "c";  
if (B > i)  out ="B"; i = "b"; 
if (D > i)  out ="D"; i = "d";  
window.alert ("Result: " + i + " !!");


</script>
</head>

<body>
<?php include ('Menu2.html'); ?>
<p>Answer the questions below</p> <br>

<form name="f">

<b>Question1<br></b>
    <input type="radio" name="q1" value="1">Ansa<br>
    <input type="radio" name="q1" value="2">Ansb<br>
    <input type="radio" name="q1" value="3">Ansc<br><br>

<b>Question2<br></b>
    <input type="radio" name="q2" value="1">Ansa<br>        
    <input type="radio" name="q2" value="2">Ansb<br>
    <input type="radio" name="q2" value="3">Ansc<br>
    <input type="radio" name="q2" value="4">Ansd<br><br>

/*Input more questions, if needed, here*/

Thanks for taking the quiz! <br>
<input type="button" value="Score!" onclick="process();"><br><br>
</form>
</body>
</html>

【问题讨论】:

您至少需要发布代码以记录答案。 【参考方案1】:

Javascript 是一种客户端语言 - 为了连接到数据库,您需要使用服务器端软件,例如 PHP。您的 HTML 表单可以通过 GET 或 POST 提交内容,也可以使用 Ajax 推送/拉取信息,但不能通过 Javascript 完成。

查看一些示例: Can JavaScript connect with mysql? How can I use jQuery to run MySQL queries?

【讨论】:

以上是关于使用 Javascript 测验连接 MySQL 数据库(初学者)的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript测验——转义字符使用的特殊字符的含义---第13关

Javascript 测验 - 通过 jQuery 上的 next() 方法到达下一个兄弟的问题

微信小程序开发视频教程学习(第3天)2:PHP测验错误题分析

JavaScript测验——使用赋值运算符---第3关

JavaScript测验——使用赋值运算符---第3关

如何使用 PHP、MySQL 和 Jquery 创建测验