1：HTML中的值如何传到JS,下面假设是文件1.php
创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、成都网站设计、外贸营销网站建设、兴化网络推广、小程序制作、兴化网络营销、兴化企业策划、兴化品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供兴化建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com
复制代码 代码如下:
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，最简单就是传个参数过去
如：function saveGame(str){
window.location.href='url?str=' + str;
}
楼上的是一种跳转的方式。如果你想不刷新处理，获取数据。还是用ajax 。很简单的。给你个例子。这里我我用jquery的$.post
$.post(URL,{参数1:alue,参数2:value2},function(data){
//这里你可以处理获取的数据。我使用是json 格式。你也可以使用其它格式。或者为空，让它自己判断得了
},'json');
两种方案：
1，如果你需要无刷新操作的话，就用AJAX异步操作就行了，将值附带了URL地址里面让PHP程序调用就行了。
2，如果你的页面是可以刷新的话，可以使用HIDDEN控件来实现，先用JS改变Hidden控件的值，然后刷新页面，用php来读取hidden控件的值就行了！
JS向PHP传递数值只有两种方法：GET和POST，GET把参数写在URL上，例如abc.php?param=123，POST的参数在数据里面。
JS调用PHP（无论GET或者POST）一般有两种方式，一是是用HTML窗口，使用GET的例子：
iframe src=abc.php?param=123/iframe
使用POST的例子：
form action=abc.php method=post name=form1
input type=hidden name=param value=123
/form
script language=javascript
form1.param.value=123;
form1.submit();
/script
JS调用PHP（无论GET或者POST）的另外一种方式是是用AJAX，例子代码网上很多，我写一个最简单的：
script language=javascript
var xmlHttp=null;
if (window.ActiveXObject) xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
else if (window.XMLHttpRequest) xmlHttp=new XMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open('POST','abc.php');
xmlHttp.send('param=123');
function handleStateChange(){
if (xmlHttp.readyState==4){
if (xmlHttp.status==200){
alert(xmlHttp.responseText);
}
}
}
/script
方法1：
input type="button" value="f1" onclick="f1()"
script
//方法1
function f1(){
var type = 'aaa';
window.location.href='1.php?type=' + type;
}
/script
1.php 中：
$type = $_GET['type'];
echo $type;
方法2：
script src="jquery-1.10.2.min.js"/script
script
$(document).ready(function(){
var type ='aaa';
$("button").click(function(){
$.post("4-ajax.php",{
type: type,
},
function(data,status){
alert("数据：" + data + "\n状态：" + status);
});
});
});
/script
button向页面发送 HTTP POST 请求，并获得返回的结果/button
4-ajax.php中：
$type = $_POST["type"];
echo $type;
这种方法就是ajax数据传输，异步数据交互
//这里用到了jquery的插件，使用前需引用jquery.js
script
function keyUp(e) {
var currKey=0,e=e||event;
currKey=e.keyCode||e.which||e.charCode;
//如果是空格
if(currKey == 32){
$.ajax({
url: 'save.php',
data: $('#id').val()
success: function(data){
alert(data);
}
});
}
}
document.onkeyup = keyUp;
/script
具体代码请谷歌 AJAX