浏览器同步发送请求之form表单提交数据

简介: 浏览器同步发送请求之form表单提交数据上篇就文章我们讲到了同步和异步的区别,这次主要说一下在网页中如何提交同步的请求,答案就是通过form表单提交请求。1.GET请求HTML代码: <form action="get.php" method="get"> 账号:<input type="text" name="user"> <br> 密码:<input type="text" name="psw"><br> <input type="submit" value="登录"> </form> 1 2

浏览器同步发送请求之form表单提交数据




上篇就文章我们讲到了同步和异步的区别,这次主要说一下在网页中如何提交同步的请求,答案就是通过form表单提交请求。


1.GET请求


HTML代码:



<formaction="get.php"method="get">        账号:<inputtype="text"name="user"><br>        密码:<inputtype="text"name="psw"><br><inputtype="submit"value="登录"></form>


PHP代码:


<?php$user=$_GET["user"];
$psw=$_GET["psw"];
echo"用户名:{$user},密码:{$psw}";
?>

2.POST请求


HTML代码:



<formaction="post.php"method="post">        账号:<inputtype="text"name="user"><br>        密码:<inputtype="text"name="psw"><br><inputtype="submit"value="登录"></form>


PHP代码:


 

<?php$user=$_POST["user"];
$psw=$_POST["psw"];
echo"用户名:{$user},密码:{$psw}";
?>


总结: 同步提交请求主要在没有Ajax技术之前,向我们在零几年的时候注册邮箱,输入了各种信息后点击注册,结果提示用户名已被注册,然后返回之前页面重新填写,效率特别低。


视频讲解链接:
https://www.bilibili.com/video/BV17z411i7hY/


相关文章
|
2天前
|
测试技术
用navigator.sendBeacon完成网页埋点异步请求记录用户行为,当网页关闭的时候,依然后完美完成接口请求,不会因为浏览器关闭了被中断请求。
用navigator.sendBeacon完成网页埋点异步请求记录用户行为,当网页关闭的时候,依然后完美完成接口请求,不会因为浏览器关闭了被中断请求。
|
1天前
|
前端开发 JavaScript API
如何在不同浏览器中创建和使用 XMLHttpRequest 对象来执行 HTTP 请求
如何在不同浏览器中创建和使用 XMLHttpRequest 对象来执行 HTTP 请求
7 2
|
2天前
|
缓存 安全
控制浏览器发送请求采用请求方式的详细介绍
本文讲述了HTTP请求的GET和POST两种主要方式。GET请求限制参数不超过4K,参数显示在地址栏并缓存资源;POST请求能携带任意数量参数,参数隐藏在请求体,不保存资源。GET常用于超链接和表单默认提交,POST适用于文件上传、登录验证和获取实时数据等场景,因安全考虑,部分网站仅接受GET请求。可通过表单的method属性设置请求方式,默认为GET。
|
2天前
|
前端开发 JavaScript
同源策略下,服务器会收到浏览器的请求吗?
同源策略下,服务器会收到浏览器的请求吗?
|
2天前
|
安全 开发者
【问题篇】浏览器get请求带token
【问题篇】浏览器get请求带token
90 0
|
2天前
|
Web App开发 缓存 JSON
|
2天前
|
JSON 前端开发 安全
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
40 0
|
2天前
|
存储 Web App开发 缓存
通俗科普:服务器端、用户浏览器端与数据存放
通俗科普:服务器端、用户浏览器端与数据存放
20 0
|
2天前
|
存储 缓存 Java
从浏览器发送请求给SpringBoot后端时,是如何准确找到哪个接口的?(下篇)
从浏览器发送请求给SpringBoot后端时,是如何准确找到哪个接口的?(下篇)
71 1
|
9月前
|
数据采集 JavaScript 前端开发
利用无头浏览器进行APP提取数据的技术与实践
利用无头浏览器进行APP提取数据的技术与实践