问将JSON从HTML表单发布到PHP API，然后在浏览器中下载接收到的文件

EN

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
    $('form').on('submit', function (event) {                           
    //Function montiors for the form submit event
    event.preventDefault(); // Prevents the default action of the form submit button
    var jsonData = '{"PONumber":"' + form1.PONumber.value //JSON data being submitted to the API from the HTML form
            + '","CompanyName":"' + form1.CompanyName.value 
            + '","CompanyID":"' + form1.CompanyID.value 
            + '","ProductName":"' + form1.ProductName.value 
            + '","Quantity":"' + form1.quantity.value 
            + '","Manufacturer":"' + form1.Manufacturer.value + '"}';   

    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'api_page.php', true); //The POST to the API page where the JSON will be submitted
    xhr.responseType = 'blob';
    xhr.setRequestHeader('Content-type', 'application/json');       //Additional header fields as necessary
    xhr.setRequestHeader('Authorization', 'Bearer ' + 'eyJ0eXAiOiJKV1QiLCJhbGciO----< SNIP >---547OWZr9ZMEvZBiQpVvU0K0U');
    xhr.onload = function(e) {
        if (this.status == 200) {
            var blob = new Blob([this.response], {type: 'application/zip'});  //We're downloading a Zip file
            var downloadUrl = URL.createObjectURL(blob);
            var a = document.createElement("a");
            a.href = downloadUrl;
            a.download = "download_file.zip"; //The name for the downloaded file that will be saved    
            document.body.appendChild(a);
            a.click();                                              //Automatically starts the download
        } else {
            alert('Unable to download file.')
            }
    };

    xhr.send(jsonData);    //Sends the JSON data to the destination POST page

});

});
</script>
<form method="post" name="form1" id="form1" action="" >
   <td><center><input name="submit" type="submit" value="submit"></center></td>
   <td ><strong>ENTER QUANTITY OF UNITS:  </strong></td><td>&nbsp;</td>
    <td><input name="quantity" type="text" size="17" value="<?php echo $row['value'];?>"></td>
</form>

//Receive the incoming JSON data from the form POST
$jsonRequest = trim(file_get_contents("php://input"));

//Attempt to decode the incoming RAW post data.
$requestDecoded = json_decode($jsonRequest, true);

//Do something with the data and then respond with a zip file.

$fp = fopen('php://output', 'w');  //Creates output buffer
$mfiles = $yourZipFile   
if($fp && $mfiles) {
     header("Cache-Control: no-cache");
     header("Content-Type: application/zip");
     header("Content-Disposition: attachment; 
                  filename=\"".basename($zipName)."\";");
     header("Content-Transfer-Encoding: binary");
     header("Content-Length: " .strlen($mfiles));
     header("Response-Data: ".$responseData);
     ob_end_clean();
     if (fputs($fp, $mfiles, strlen($mfiles))===FALSE){
         throw new Exception($e);
        }
     }
     else { 
         throw new Exception($e); 
     }