网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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


网站栏目:php与js传数据 php和js的联系
URL网址:http://bjjierui.cn/article/ddgpsoi.html

其他资讯