在这种情况下,将javascript变量数据传递到MySQL数据库
我跟随一个codepen项目构建了一个动画表单。我可以知道如何存储SQL数据库的答案吗?答案存储在在这种情况下,将javascript变量数据传递到MySQL数据库,javascript,php,mysql,forms,Javascript,Php,Mysql,Forms,我跟随一个codepen项目构建了一个动画表单。我可以知道如何存储SQL数据库的答案吗?答案存储在问题数组中,带有答案键,但我不确定如何提取答案。谢谢 var questions = [ {question:"What's your first name?"}, {question:"What's your last name?"}, {question:"What's your email?", pattern: /^[^
问题
数组中,带有答案
键,但我不确定如何提取答案。谢谢
var questions = [
{question:"What's your first name?"},
{question:"What's your last name?"},
{question:"What's your email?", pattern: /^[^\s@]+@[^\s@]+\.[^\s@]+$/},
{question:"Create your password", type: "password"}
]
var onComplete = function() {
var h1 = document.createElement('h1')
h1.appendChild(document.createTextNode('Thanks ' + questions[0].answer + ' for checking this pen out!'))
setTimeout(function() {
register.parentElement.appendChild(h1)
setTimeout(function() { h1.style.opacity = 1 }, 50)
}, 1000)
}
;(function(questions, onComplete) {
var tTime = 100 // transition transform time from #register in ms
var wTime = 200 // transition width time from #register in ms
var eTime = 1000 // transition width time from inputLabel in ms
if (questions.length == 0) return
var position = 0
putQuestion()
forwardButton.addEventListener('click', validate)
inputField.addEventListener('keyup', function(e) {
transform(0, 0) // ie hack to redraw
if (e.keyCode == 13) validate()
})
previousButton.addEventListener('click', function(e) {
if (position === 0) return
position -= 1
hideCurrent(putQuestion)
})
function putQuestion() {
inputLabel.innerHTML = questions[position].question
inputField.type = questions[position].type || 'text'
inputField.value = questions[position].answer || ''
inputField.focus()
progress.style.width = position * 100 / questions.length + '%'
previousButton.className = position ? 'ion-android-arrow-back' : 'ion-person'
showCurrent()
}
}(questions, onComplete))
为了让它工作,您的网站需要jquery支持 尝试执行以下操作:
var数=[45,4,9,16,25]代码>
您可以尝试使用内置的JS函数在数组中循环,如下所示:
numbers.forEach(myFunction)代码>
您可以使用ajax、smth等工具定义第2点中使用的函数
如果您将答案存储为您的问题。尝试使用forEach。使用Jquery实现Ajax功能。从w3var txt=“”;变量数=[45,4,9,16,25];forEach(myFunction);函数myFunction(value,index,array){txt=txt+value+“
”;}请注意,该函数有3个参数:项值项索引数组本身在上面的示例中,请尝试为数组中的每个记录向服务器脚本发送ajax。该注释似乎可以作为答案。你应该把它贴出来,拿到信用卡!谢谢你,Undry。我正试图弄明白这一点,但我刚刚开始学习javascript,所以不太明白如何练习你的答案。如果您不介意,是否可以发布代码以供参考?非常感谢,并对由此带来的不便表示歉意。不知道为什么格式不太好,尝试了几次
myFunction(value){
// answers is used to indicate to your server side script type of operation to be performed to be use in isset(), as value is too general`
var datastring = 'answers' + '&value=' + value;
// in URL indicate path to your actual server side script that will put records in database
ajax({
type: "POST",
url: "/app/server.php",
data: datastring,
success: function (html) {
console.log(html);
}
}); //End of Ajax
return false;
}