Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在这种情况下,将javascript变量数据传递到MySQL数据库_Javascript_Php_Mysql_Forms - Fatal编程技术网

在这种情况下,将javascript变量数据传递到MySQL数据库

在这种情况下,将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: /^[^

我跟随一个codepen项目构建了一个动画表单。我可以知道如何存储SQL数据库的答案吗?答案存储在
问题
数组中,带有
答案
键,但我不确定如何提取答案。谢谢

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支持

尝试执行以下操作:

  • 假设您将变量存储在JS数组中,如
  • 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;
    }