js如何传值给php?

JavaScript021

js如何传值给php?,第1张

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

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>

不用AJAX,最简单就是传个参数过去

如:function saveGame(str){

window.location.href='url?str=' + str

}

楼上的是一种跳转的方式。如果你想不刷新处理,获取数据。还是用ajax 。很简单的。给你个例子。这里我我用jquery的$.post

$.post(URL,{参数1:alue,参数2:value2},function(data){

//这里你可以处理获取的数据。我使用是json 格式。你也可以使用其它格式。或者为空,让它自己判断得了

},'json')