jQuery Ajax不发送Post数据到PHP文件(jQuery Ajax not sending Post data to PHP file)

 我试图使用AJAX将我的JavaScript变量发送到PHP文件，但它不起作用。 我浏览了所有类似的问题（有一堆），但还没有找到解决方案。 
 
 这是我的第一个PHP文件（一个带有表单，将数据发送到JavaScript）： 
 
<option value="imageOne" data-cuteform-image='assets/SketchThumbnails/imageOne.png></option>
<input id="inputURLID" type="text" name="inputURL">

<button type="submit" onclick="handleInputs(document.getElementById('sketch').value, document.getElementById('inputURLID').value); return false;">Submit</button>
 
 JavaScript（AJAX调用的地方） ： 
 
var content = {
    'sketch': pickedSketch,
    'songUrl': enteredURL
};
$.ajax({
    type: "POST",
    url: "loadSketch.php",
    data: content,
    success: function (data, text) {
        // alert("success");
        // console.log(data);
        // console.log(text);

        window.location.href = "loadSketch.php";

    },
    error: function (request, status, error) {
        alert(request.responseText);
    }
});
 
 PHP（loadSketch.php）： 
 
if(isset($_POST['songUrl']))
{
    $temp = $_POST['songUrl'];
    echo $temp;
    echo "received AJAX data";
} else {
    echo "nothing in post variable";
}
 
 当我被重定向到loadSketch.php（来自成功的ajax调用）时，“post变量中的任何内容”都被回显出来。 任何想法我做错了什么？ 
 
 任何有识之士都非常感谢！ :) 

I'm trying to send variables from my JavaScript to a PHP file using AJAX but it's not working. I've looked through all the similar asked questions (there are a bunch) but have yet to find a solution. 
 
This is my first php file (one with the form, sends data to JavaScript):
 
<option value="imageOne" data-cuteform-image='assets/SketchThumbnails/imageOne.png></option>
<input id="inputURLID" type="text" name="inputURL">

<button type="submit" onclick="handleInputs(document.getElementById('sketch').value, document.getElementById('inputURLID').value); return false;">Submit</button>
 
JavaScript (where AJAX call is):
 
var content = {
    'sketch': pickedSketch,
    'songUrl': enteredURL
};
$.ajax({
    type: "POST",
    url: "loadSketch.php",
    data: content,
    success: function (data, text) {
        // alert("success");
        // console.log(data);
        // console.log(text);

        window.location.href = "loadSketch.php";

    },
    error: function (request, status, error) {
        alert(request.responseText);
    }
});
 
PHP (loadSketch.php):
 
if(isset($_POST['songUrl']))
{
    $temp = $_POST['songUrl'];
    echo $temp;
    echo "received AJAX data";
} else {
    echo "nothing in post variable";
}
 
When I get redirected to loadSketch.php (from the successful ajax call), "nothing in post variable" gets echoed out. Any ideas what I'm doing wrong?
 
Any insight is much appreciated! :)

原文：https://stackoverflow.com/questions/40699251