在同一页面上，我有几种类型的代码：PHP，JS和HTML。我想从HTML表单中获取信息并进行PHP处理，而无需在单击“发送”按钮后重新加载页面。

PHP获取它通过API发送的值(来自表单)，并在页面上显示API响应

HTML(首页)

PHP(第二个)

if(isset($_POST['postcode'])) {

$toPostcode = $_POST['postcode'];

}

// do stuff with $toPostcode

// use the API

// get response

echo $response;

?>

AJAX(第三篇 - 页面底部)

function submitdata()

{

var postcode = document.getElementById( "postcode" );

$.ajax({

type: 'post',

data: {

postcode:postcode

},

// ???

});

}

我必须在同一个文件中使用PHP，因为我正在使用woocommerce，并且我在尝试将文件放在外面时遇到很多错误

现在我想知道如何在同一页面中使用所有这些