Javascript 使用MySQL/PHP将数据从XML/JS函数插入表

我正在编写一个web应用程序，它在一个表中显示车辆信息，车辆信息来自一个XML文件。当用户单击表中的一行时，将显示有关汽车的更多信息

我想有一个按钮，说“添加到集合”，如果点击，车辆的信息将插入到一个MySQL表。然而，我对如何使用PHP访问这些信息感到困惑，因为我的程序使用JavaScript来提取和显示信息

下面是JavaScript脚本，它从XML文件中提取信息，创建包含一辆车/行的HTML表，并在用户单击表条目时显示有关车辆的更多信息：

<p id='showCar'></p>
<table id="demo"></table>

<script>
  var i;
  var x,xmlhttp,xmlDoc
  xmlhttp = new XMLHttpRequest();
  xmlhttp.open("GET", "cars.xml", false);
  xmlhttp.send();
  var xmlDoc = xmlhttp.responseXML;
  var table="<tr><th>Year</th><th>Make</th><th>Model</th></tr>";
  var x = xmlDoc.getElementsByTagName("CAR");

  for (i = 0; i <x.length; i++) {
    table += "<tr onclick = 'displayCar(" + i + ")'><td>";
    table += x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue;
    table += "</td><td>";
    table += x[i].getElementsByTagName("MAKE")[0].childNodes[0].nodeValue;
    table += "</td><td>";
    table += x[i].getElementsByTagName("MODEL")[0].childNodes[0].nodeValue;
    table += "</td></tr>";
  }
  document.getElementById("demo").innerHTML = table;

  function displayCar(i) {
    document.getElementById("showCar").innerHTML =
    "<strong>Make:    </strong>" +
    x[i].getElementsByTagName("MAKE")[0].childNodes[0].nodeValue +
    "<br><strong>Model:    </strong>" +
    x[i].getElementsByTagName("MODEL")[0].childNodes[0].nodeValue +
    "<br><strong>Year:    </strong>" +
    x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue +
    "<br><strong>Safety Rating:    </strong>" +
    x[i].getElementsByTagName("RATING")[0].childNodes[0].nodeValue +
    "<br><strong>Compaints:    </strong>" +
    x[i].getElementsByTagName("COMPLAINTS")[0].childNodes[0].nodeValue +
    "<br><strong>Common Problems:    </strong>" +
    x[i].getElementsByTagName("COMMONPROBLEM")[0].childNodes[0].nodeValue +
    "<br><strong>Recalls:    </strong>" +
    x[i].getElementsByTagName("RECALLS")[0].childNodes[0].nodeValue +
    "<br><strong>Image:</strong><br>&nbsp;&nbsp;&nbsp;&nbsp; <img src='" +
    x[i].getElementsByTagName("IMAGE")[0].childNodes[0].nodeValue +"' width = '320' height = '240'>";  //button to add car to collection will be around here
    }

</script>

var i；
var x、xmlhttp、xmlDoc
xmlhttp=新的XMLHttpRequest（）；
open（“GET”，“cars.xml”，false）；
xmlhttp.send（）；
var xmlDoc=xmlhttp.responseXML；
var table=“YearMakeModel”；
var x=xmlDoc.getElementsByTagName（“CAR”）；
对于（i=0；i），您需要使用另一个Ajax请求将数据发送到服务器，以便PHP能够处理它。@ADyson谢谢您！对于我忘记了这一点，我觉得有点傻，但我仍在学习中。得到了与您的建议完美配合的结果！再次感谢。
<CAR>
  <MAKE>Audi</MAKE>
  <MODEL>A4</MODEL>
  <YEAR>2013</YEAR>
  <RATING>5.0</RATING>
  <COMPLAINTS>95</COMPLAINTS>
  <COMMONPROBLEM>Steering, Engine, Electrical System</COMMONPROBLEM>
  <RECALLS>4</RECALLS>
  <IMAGE>https://static.nhtsa.gov/images/vehicles/8169_st0640_046.png</IMAGE>
</CAR>