js传递数据php js网页之间数据传递

js如何传值给php?

1：HTML中的值如何传到JS,下面假设是文件1.php

10余年的衢江网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整衢江建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“衢江网站设计”,“衢江网站推广”以来，每个客户项目都认真落实执行。

复制代码 代码如下:

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

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

如何把一个js变量传给php变量

js仅在 浏览器中运行.

php 仅在服务器端运行.

2者交互, 通常通过 http get/post 协议进行交互.

因此, 要将 js 变量传输到 php, 需通过 get/post 将参数传入.

譬如:

script

function test(){

var x="abc";

$.ajax("test.php?x="+x);

}

/script

而 test.php 中, 通过 $_REQUEST["x"] 即可拿到js 请求过来的变量.

追问

感觉你的答案最符合我的需求，只是我还是碰到了问题。

test.php文件中

onchange事件触发test()函数，并将赋值。

script

function test(){

var x="abc";

$.ajax("test.php?x="+x);

}

test.php文件中

echo $_REQUEST["x"]并未获取到有效值。echo没有输出。

请问，这到底是什么原因。

追答

是因为 script 中并没有输出由 php 传回的结果.

改成这个试试看.

1

2

3

4

5

6

script

function test(){

var x="abc";

$.ajax("test.php?x="+x),null,function(data){alert(data)});

}

/script

如是使用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

两种方案：

1，如果你需要无刷新操作的话，就用AJAX异步操作就行了，将值附带了URL地址里面让PHP程序调用就行了。

2，如果你的页面是可以刷新的话，可以使用HIDDEN控件来实现，先用JS改变Hidden控件的值，然后刷新页面，用php来读取hidden控件的值就行了！

本文名称：js传递数据php js网页之间数据传递
分享地址：https://www.cdcxhl.com/article10/docjedo.html

成都网站建设公司_创新互联，为您提供全网营销推广、微信公众号、商城网站、手机网站建设、网站维护、动态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联