[php学习十三]javaScript的基本练习4-与php的相互调用

<html>
<head>
    <meta charset="utf-8">
<!--    注意点2:调用PHP代码的时候,不能写在同一个脚本中,而且还得先调用,感觉这中方式作用不大~!-->
    <script type="text/javascript" language="JavaScript" src="PHP与JS调用2.php"></script>
    <script type="text/javascript">
        document.write(JSText + "<hr>");
    </script>
</head>
<body>

<script type="text/javascript" language="JavaScript">
    var myText = "PHP调用JS变量";
</script>
<?php
/*注意点3:PHP调用JS变量;这种写法不能直接敲,需要敲好后,考进去,而且自动加入了转译符号,不错~~!*/
echo "<script type=\"text/javascript\" language=\"JavaScript\">document.write(myText)</script>" ?>
<hr>
<script language="JavaScript" type="text/javascript">
    function writeText() {
        document.write("PHP调用JS的函数");
    }
</script>
<?php
   echo "<script language=\"JavaScript\" type=\"text/javascript\">writeText();</script>"; ?>
<hr>

<?php
/*注意点4:这两种方式应该在实际应用中很常见吧~!*/
$He = "PHP中定义的变量"
?>
<input id="fromPHP" type="hidden" value="<?php echo $He ?>">
<script language="JavaScript" type="text/javascript">
    var fromPhp = document.getElementById("fromPHP");
    document.write("JS第一种方式调用PHP变量:" + fromPhp.value);
</script>
<hr>
<script language="JavaScript" type="text/javascript">
    document.write("JS第二种方式调用PHP变量:" + "<?php echo $He ?>");
</script>
<hr>
<?php
   function outPutMsg(){
       return "JS调用PHP函数";
   }
?>
<script language="JavaScript" type="text/javascript">
    document.write("<?php echo outPutMsg() ?>");
</script>
<hr>
</body>
</html>
<?php
$PhpText = "JS调用不同文件的PHP变量!";
echo "var JSText = "."'".$PhpText."'";
?>
相互调用肯定用的很多,目前还没有完全掌握,需要实践慢慢消化~
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript调用PHP函数,常用的方法是通过AJAX技术实现。AJAX全称为Asynchronous JavaScript and XML,是一种无需刷新页面就能实现异步数据交互的技术。AJAX技术的实现依赖于XMLHttpRequest对象,它是一种浏览器内置的JavaScript对象,能够与服务器建立HTTP请求并接收服务器返回的数据。 在使用AJAX调用PHP函数时,需要在JavaScript中创建一个XMLHttpRequest对象,然后利用它来向服务器发送请求。具体的步骤如下: 1. 创建XMLHttpRequest对象 在JavaScript中创建一个XMLHttpRequest对象,可以通过以下代码实现: var xhr = new XMLHttpRequest(); 2. 定义回调函数 由于AJAX是异步的,因此需要定义一个回调函数,来处理服务器返回的数据。回调函数一般被设置为XMLHttpRequest对象的onreadystatechange属性。在回调函数中,可以利用JavaScript来处理服务器返回的数据。 xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { // 在这里处理服务器返回的数据 } }; 3. 向服务器发送请求 AJAX技术可以使用GET和POST两种方式向服务器发送请求。GET方式将请求数据放在URL中,而POST方式则将请求数据放在请求体中。这里以POST方式为例。 xhr.open("POST", "php_function.php", true); xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhr.send("param1=value1&param2=value2"); 其中,xhr.open()方法用于打开一个HTTP请求,其中第一个参数是请求方式(POST),第二个参数是请求的URL地址,第三个参数表示是否异步。xhr.setRequestHeader()方法用于设置HTTP请求头信息,其中Content-type属性指定请求体的格式。xhr.send()方法用于向服务器发送请求体数据。 4. 在PHP中定义函数 最后,需要在PHP文件中定义一个函数,来处理前端的请求。这个函数可以接收前端发送的数据,并返回处理结果。 function php_function() { $param1 = $_POST['param1']; $param2 = $_POST['param2']; // 在这里处理参数,并返回结果 } 以上就是JavaScript调用PHP函数的大致步骤。在实际应用中,还需要注意一些细节问题,比如数据的编码方式,请求的安全性等。同时,AJAX技术也有自己的局限性和缺点,需要结合实际情况选择合适的技术方案。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值