189 8069 5689
用Ajax， PHP 跟 JS 最直接的交互方式就是 Ajax。
我们提供的服务有：成都网站设计、做网站、微信公众号开发、网站优化、网站认证、甘泉ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的甘泉网站制作公司
使用 Ajax 向服务器发起网络请求，PHP在后端进行处理并返回数据。
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数据传输，异步数据交互
//这里用到了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