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中用Ajax发送数据给这个php,php处理之后把值返回给Ajax。如下:
$.Ajax({
type:'post',
url:'dologin.php',
data:'$("#uid").val()',
success:function(res){
alert(res);
}
})
这些js的意思是:用post方法把$("#uid").val()发送给dologin.假如$res是php处理完之后得到的数据,echo json_encode($res)这条代码就是php中把得到的$res转换成json格式并且返回给Ajax。
可以可以通过ajax利用json或者xml来传递数组给php文件:
json是js的一种数据格式,可以直接被js解析,php无法直接读取json数据,但是php提供了json_decode函数来对json数据进行转化,从而可以被php脚本访问;
用Ajax, PHP 跟 JS 最直接的交互方式就是 Ajax。
使用 Ajax 向服务器发起网络请求,PHP在后端进行处理并返回数据。
很简单。。。举例
$message = "这是一个来自 php 的值。";
echo "script language=\"JavaScript\" type=\"text/JavaScript\";\r\n!--\r\n alert('".$message."');\r\n--;\r\n/script;";你得把所有的JS代码转成PHP格式就可以了。
把对象数组转成JASON串,PHP收到后转化成JASON对象进行读取。
参考例子如下:
script type="text/javascript" src=""/script!--倒入json.js文件,序列化json对象用的--
script type="text/javascript" src=""/script
script type="text/javascript"
var zNodes =[
{ id:1, pId:0, name:"随意勾选 1", open:true},
{ id:11, pId:1, name:"随意勾选 1-1", open:true},
{ id:111, pId:11, name:"随意勾选 1-1-1"},
{ id:112, pId:11, name:"随意勾选 1-1-2"},
{ id:12, pId:1, name:"随意勾选 1-2", open:true},
{ id:121, pId:12, name:"随意勾选 1-2-1"},
{ id:122, pId:12, name:"随意勾选 1-2-2"},
{ id:2, pId:0, name:"随意勾选 2", checked:true, open:true},
{ id:21, pId:2, name:"随意勾选 2-1"},
{ id:22, pId:2, name:"随意勾选 2-2", open:true},
{ id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
{ id:222, pId:22, name:"随意勾选 2-2-2"},
{ id:23, pId:2, name:"随意勾选 2-3"}
];
$.ajax({
url:'xxxx.php'//改为你的动态页
,type:'POST'
,data:{zNodes:zNodes.toJSONString()}//调用json.js类库将json对象转换为对应的JSON结构字符串
,success:function(rst){alert('PHP接收JSON数据成功!');}
,error:function(xhr){alert('PHP页面有错误!'+xhr.responseText);}
}});
/script
$zNodes=$_POST["zNodes"];
$json=json_decode($zNodes);//转化为JSON对象