方法和详细的操作步骤如下：
十多年建站经验， 网站设计、成都做网站客户的见证与正确选择。创新互联提供完善的营销型网页建站明细报价表。后期开发更加便捷高效，我们致力于追求更美、更快、更规范。
1、第一步，创建一个测试php文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，在其中添加html所需的代码，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，要求在其中添加一个js脚本，定义一个变量，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，在底部的php中添加代码，该代码定义了默认为0的b变量，准备使用其来接收js中的a值，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，在脚本中使用writeln输出a，并将其分配给php中的变量b，
然后回显输出以查看b中的值，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，在浏览器中打开php文件，将直接回显js中变量a的值为100。这时，php将js中的变量获取完成，见下图。这样，就解决了这个问题了。
1：HTML中的值如何传到JS,下面假设是文件1.php
代码如下:
html
body
form action="1.php" method="post"
name:input type="text" name="username" id="username"
rename:input type="text" name="username1" id="username1"
input type="button" value="submit" on CliCk="get()"
/form
/body
/html
JS假如想取文本框中用户输入的name值，这样写
代码如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
alert (n);
}/script
这样的话在有调用JS get()时就会弹出警示框，里面的内容就是name的值。
2:假如说JS中的这个取到的name值要传回rename的文本框中，这样写
代码如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}/script
这样的话在下面调用get()就会自动显示上面name输入的值。
3：PHP中取页面的值
代码如下:
?php
$name=$_REQUEST["username"];
echo $name;
?
4：PHP的值传回页面
在HTML中插入PHP语言，可以调用PHP中变量的值，也可用Smarty（推荐）。
有了以上这些，不管是HTML页面里的值还是JS中变量的值，都可以轻松的传入PHP，当然，PHP的值也可传到想要的地方。
用Ajax， PHP 跟 JS 最直接的交互方式就是 Ajax。
使用 Ajax 向服务器发起网络请求，PHP在后端进行处理并返回数据。