php与js传数据 php和js的联系

如何实现从php传数据到js

用Ajax， PHP 跟 JS 最直接的交互方式就是 Ajax。

创新互联建站专业为企业提供建湖网站建设、建湖做网站、建湖网站设计、建湖网站制作等企业网站建设、网页设计与制作、建湖企业网站模板建站服务，十载建湖做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

使用 Ajax 向服务器发起网络请求，PHP在后端进行处理并返回数据。

如是使用js向一个php页面传一个值

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

JS与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

把值从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的值也可传到想要的地方。