如何通过ajax将表单数据和POST变量发送到php脚本

Question

我正在尝试同时发送表单数据和 POST 变量，但我不知道该怎么做。我尝试在下面这样做：

const formthing = document.getElementById("theform");

function submitfunc(e){
e.preventDefault();
const thing = new XMLHttpRequest();
thing.open("POST", "edit.inc.php", true);

thing.onreadystatechange = function(){

if (thing.readyState == 4 && thing.status == 200){
var message = thing.responseText;

 $("#theform").html(message);

}

}

var videoid = "watever";

thing.send(new FormData(formthing), "videoid="+videoid);

}

但它不起作用，因为 php 脚本返回“jo”

<?php
if (isset($_POST['videoid']){

}
else{
echo "jo"
}
?>

当我查看网络时，它看起来只是在传递表单： what I see

如果有人有任何想法，请随时告诉我！如果有什么需要说清楚的，请询问。

Answer 1

HTML：

<form id="my-form" action="/" method="post">

  <input type="text" name="videoid"><input type="submit" value="Submit">

</form>

<div id="output"></div>

JS：

let myForm = document.querySelector( "#my-form" );
let output = document.querySelector( "#output" );

myForm.addEventListener( "submit", function(e) {

  e.preventDefault();

  let formData = new FormData( myForm );
  let xhr = new XMLHttpRequest();

  xhr.onreadystatechange = function() {

    if( this.readyState == 4 && this.status == 200 ) {

      output.innerHTML = this.responseText;

    }

  }

  xhr.open( "POST", "edit.inc.php" );
  xhr.send( formData );

});