使用php和js和html进行数据交互

最新推荐文章于 2022-01-30 22:20:25 发布

_zpf

最新推荐文章于 2022-01-30 22:20:25 发布

阅读量720

点赞数

CC 4.0 BY-SA版权

分类专栏：寒假作业文章标签： php html javascript

本文链接：https://blog.csdn.net/qq_41729237/article/details/114044627

寒假作业专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何使用HTML表单提交数据到PHP，以及PHP如何通过设置cookie来与JavaScript进行数据交换。在HTML中，通过<form>标签的POST方法将name和password等数据传给PHP。在PHP端，使用$_POST变量接收数据。同时，PHP通过setcookie函数设置cookie，然后JavaScript通过getCookie函数读取并处理cookie，实现数据的传递。此过程涉及到了前端到后端的数据交互以及跨域数据共享的基础知识。

使用php和js和html进行数据交互

由html向php传递数据
由html向php传递数据主要靠表单提交，就是html中的<form>标签，例如

<form action="login.php" method="post">//第一处写相对地址，
//第二处写传递方式，一共有两种，一种是post，另一种是get
 name: <input type="text" name="username"><br>
 //name=后面写传输数据的名称，接受时写相同的名称
password: <input type="text" name="password"><br>
<input type="submit" value="登录">
</form>

php接受表单数据

$name="$_POST[username]";
$password="$_POST[password]";

中括号内写html上传时的数据名称，如果时字符串要加双引号。

php向js传递数据（cookie方法）
首先使用php设置cookie，cookie是一种缓存，只要在缓存生效的时间内就可以随意调用，但是cookie有不同的类型，也就是说php不能直接调用js的cookie，同理js也不能直接调用php的cookie，中间需要转换函数。
首先是php设置cookie

setcookie("username","$name",time()+1800);

第一个值是cookie的名称，调用时要用到。
第二个值是cookie的值，可以是变量
第三个值是cookie的持续时间，以秒计算（上图持续半小时）
注：当删除cookie时，只需将cookie的时间调到0
下面是cookie的转换函数

<script type="text/javascript">
 	   function getCookie(c_name){
		   if (document.cookie.length > 0){
		       c_start = document.cookie.indexOf(c_name + "=");
		       if (c_start != -1){
		           c_start = c_start + c_name.length + 1;
		           c_end = document.cookie.indexOf(";", c_start);
		           if (c_end == -1){
		               c_end = document.cookie.length;
		           }
		           return unescape(document.cookie.substring(c_start, c_end));
		       }
		   }
		   return "";
	   }
    </script>

下面是函数的调用

<script type="text/javascript">
	var success=getCookie("success");
	if(success=="1") {
		window.location.href="mainpage.php";
	}
</script>

调用时，只需将cookie名写在括号内即可（例子中是接收php的cookie，判断是否登录成功）

php接受php的cookie

$_COOKIE['cookiename']