1、新建一个html5页面,完成如下所示初始化代码。
2、新建两个input标签,一个用于用户输入变量,一个用户用户改变变量值。
3、写入script标签,里面编写js代码,通过js我们获得两个input标签元素。
4、做按钮标签的点击事件函数,即当用户点击“加一”按钮的时候,调用此函数。
5、在函数中,我们先将变量转化为数字,然后再将数字加一,即可达到用js改变html变量的功能。
6、刷新下网页,我们输入数字“18”,然后点击“加一”按钮。
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>