php与HTML交互问题

1.将表单中的action属性值设为PHP路径,则网页会跳转到这个网址

<html>
<body>

<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<input type="submit">                             //当然,action要与submit配合
</form>

</body>

</html>
<html>
<body>

Welcome <?php echo $_POST["name"]; ?><br>
Your email address is: <?php echo $_POST["email"]; ?>  //数据可以使用超全局变量读取

</body>
</html>

2.通过Ajax方法,特点在于不需要跳转至PHP页面

        <div>
            <input type="text" id="user" value="sb" />
            <input type="password" id="password" value="sb" />
            <input type="button" id="send" />
            <p id="pword"></p>
        </div>
        <script type="text/javascript">
            $("#send").click(function(){
                    $.post("http://127.0.0.1/return.php",{
                    username:$("#user").val(),
                    password:$("#password").val()
                },  function(data,textStatus){
                        $("#pword").html(data);
                }
                );
            });
        </script>
<?php
    header(‘Access-Control-Allow-Origin:*‘);               //这句作用是允许任何网址访问
    $user=$_POST[‘username‘];
    $password=$_POST[‘password‘];
    $text="username:$user"."  "."password:$password";
    echo $text;

?>

当然,除了以上方法外,还可采用PHP内嵌HTML或者HTML内嵌PHP中,不过这样代码可读性较差,比较杂乱。(虽然我的代码怎么都写不整齐。。。  :  (

时间: 2024-08-27 16:16:43

php与HTML交互问题的相关文章

【HTML5】summary交互元素

1.源码 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"/> <title>交互元素summary的使用</title> <style type="text/css"> body{ padding:5px; font-size:14px; } summary{ font-weight:bold; } </style>

【HTML5】用脚本控制交互元素details元素的使用

1.源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Con

shell脚本交互:expect学习笔记及实例详解

最近项目需求,需要写一些shell脚本交互,管道不够用时,expect可以很好的实现脚本之间交互,搜索资料,发现网上好多文章都是转载的,觉得这篇文章还不错,所以简单修改之后拿过来和大家分享一下~ 1. expect是spawn: 后面加上需要执行的shell命令,比如说spawn sudo touch testfile 1.3 expect: 只有spawn执行的命令结果才会被expect捕捉到,因为spawn会启动一个进程,只有这个进程的相关信息才会被捕捉到,主要包括:标准输入的提示信息,Li

python变量及用户交互,用户名格式化输出

变量 name = wwjun Name2 = "wwjun" print ("name,Name2") 用户交互 Username = input ("username:") Password = input ("password:") Print(username,password) 用户名格式化输出 name = input ("name:") age = input ("age:"

JS设置读取删除cookie及表单交互

学习cookie和表单交互留下的一点笔记 什么是cookie?cookie 是存储于客户端的变量.当设备请求页面时,就会发送cookie.首先需要稍微了解一下cookie的结构,简单地说:cookie是以键值对的形式保存的,即key=value的格式.各个cookie之间一般是以";"分隔.JS设置cookie:document.cookie= key + '=' + value + ';expires=' + Date;其中Date为cookie的过期时间.实际案例: //setCo

AJAX+REA实现前后台数据交互的加密解密

AJAX+REA实现前后台数据交互的加密解密 1.创建js文件Encryption.js /**  * 加密解密  */ /** RSA加密用 生成key */ function bodyRSA(){ /** 1024位的key参数写130,2014位的key参数写260 */ setMaxDigits(130); /** ajax 调用后台方法,取回公钥 */ var keyR ;     $.ajax({      url: "/GHGL/Key/pk",//请求后台的url,本例

交互设计和新媒体设计的区别

好些人搞混了交互设计和新媒体设计之间的区别.甚至于把交互设计和新媒体设计混为一谈.但是交互设计和新媒体设计其实是两个概念.交互设计和新媒体设计在艺术留学专业划分上,都被纳入新媒体动画设计方向,好多人竟然还把这两个和视觉传达混在一起,视觉传达算是平面设计方向的.打个比方,新媒体动画是A公司,平面设计是B公司,交互和新媒体都是A公司旗下的艺人,视觉传达是B公司的,所以,压根不是一回事,不要混为一谈. 接下来了解交互设计和新媒体设计有什么区别? 交互设计,小名互动设计,英文Interaction De

生产者消费者模型实现多线程异步交互

[Python之旅]第六篇(五):生产者消费者模型实现多线程异步交互 消息队列 生产者消费者模型 多线程异步交互 摘要:  虽然标题是"生产者消费者模型实现多线程异步交互",但这里要说的应该还包括Python的消息队列,因为这里多线程异步交互是通过Python的消息队列来实现的,因此主要内容如下: 1 2 3 4 1.生产者消费者模型:厨师做包子与顾客吃包子 2.Python的消息队列 3.利用... 虽然标题是"生产者消费者模型实现多线程异步交互",但这里要说的应

交互设计师如何寻找灵感

自己备份用的,也给你看看.写这个的目的,并不想推荐一堆链接给你看.是希望筛选出一两个很不错,或是我本人经常使用的,推荐给你.你知道的,给一堆,相当于没给.不管你是平面设计还是交互设计,这些链接都会给你帮助. 这是目录 图标 UI 设计 交互细节设计 图标 需求:可以按关键字搜索,也可以免费下载 svg Iconfont -- 国内阿里妈妈的,不用多说,一般都知道. Flaticon -- 图标比较多. thenounproject -- 我个人觉得比较好用的,主要是量很多,而且会出现些比较新颖的

python------ipython交互工具

ipython 是一个 python 的交互式 shell,比默认的python shell 好用得多,支持变量自动补全,自动缩进,支持bash shell 命令,内置了许多很有用的功能和函数. 这个交互工具需要我们自行安装: yum install python-pip    //安装pip工具 pip install ipython==1.2.1     //使用pip安装ipython工具 在使用pip安装ipython的时候,可以直接使用pip安装不带版本号,但是会自动安装当前最新的版本