значения вставки в базу данных с помощью JavaScript и PHP

Question

Я пытаюсь получить данные из HTML таблицы, на основании которых установлен флажок

function updtBask() { 

if (window.XMLHttpRequest) { 
     // code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp = new XMLHttpRequest(); 
    } else { 
     // code for IE6, IE5 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

var table = document.getElementById("mytable"); 
var chkBox = document.getElementById("1"); 
//for (var i = 1, row; row = table.rows[i].cells[4]; i++) { 
    if (chkBox.checked) { 
     var imgOne = document.getElementById("mytable").rows[1].cells[0].innerHTML; 
     var prcOne = document.getElementById("mytable").rows[1].cells[1].innerHTML; 
     var nameOne = document.getElementById("mytable").rows[1].cells[2].innerHTML; 
     var descOne = document.getElementById("mytable").rows[1].cells[3].innerHTML; 
    } 

затем отправить эти данные в PHP-файл, который затем вставляет эти значения в базу данных.

xmlhttp.open("POST","updateBasket.php"+{imgOne :imgOne, prcOne: prcOne, nameOne: nameOne, descOne: descOne},true); 
xmlhttp.send(); 

Мой PHP выглядит следующим образом

<?php 
//create connection 
$con = mysqli_connect("csmysql.cs.cf.ac.uk", "c1427641", "adnog9","c1427641"); 
//get variables from javascript 
$one = $_POST["imgOne"]; 
$two = $_POST["prcOne"]; 
$three =$_POST["nameOne"]; 
$four = $_POST["descOne"]; 

// command to execute 
$command= "INSERT INTO basket (image, price, name, description) VALUES ('$one', '$two', '$three', '$four')" 
//execute command 
$result = mysqli_query($con, $command) 

//close connection 
mysql_close($con) 
?> 

Я новичок в JavaScript, чтобы я мог быть совершенно неправильно здесь.

Answer 1

Пост неверен. Код должен выглядеть следующим образом:

var id = "xyz"; 
var value = 123; 

var xmlhttp = new XMLHttpRequest(); 
xmlhttp.open('POST', 'updateBasket.php'); 
xmlhttp.onreadystatechange = function() { 
    if (xmlhttp.readyState==4) { 
     if(xmlhttp.status==200) { 
      alert("good"); 
     } 
    } 
}; 
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
xmlhttp.send("userid=" + encodeURIComponent(id) + "&value=" + encodeURIComponent(value)); 

Answer 2

Так в чем проблема? Если вам интересно, как позвонить updtBask(), вы можете сделать это с помощью кнопки: <button onclick='updtBask()'>Update</button>