浏览器同步发送请求之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/


相关文章
|
3月前
|
NoSQL 前端开发 MongoDB
前端的全栈之路Meteor篇(三):运行在浏览器端的NoSQL数据库副本-MiniMongo介绍及其前后端数据实时同步示例
MiniMongo 是 Meteor 框架中的客户端数据库组件,模拟了 MongoDB 的核心功能,允许前端开发者使用类似 MongoDB 的 API 进行数据操作。通过 Meteor 的数据同步机制,MiniMongo 与服务器端的 MongoDB 实现实时数据同步,确保数据一致性,支持发布/订阅模型和响应式数据源,适用于实时聊天、项目管理和协作工具等应用场景。
|
4月前
|
JSON 前端开发 JavaScript
java中post请求调用下载文件接口浏览器未弹窗而是返回一堆json,为啥
客户端调接口需要返回另存为弹窗,下载文件,但是遇到的问题是接口调用成功且不报错,浏览器F12查看居然返回一堆json,而没有另存为弹窗; > 正确的效果应该是:接口调用成功且浏览器F12不返回任何json,而是弹窗另存为窗口,直接保存文件即可。
178 2
|
5月前
|
Web App开发 JSON 数据格式
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
|
6月前
|
缓存 JavaScript 前端开发
浏览器处理预检请求的响应
浏览器处理预检请求的响应
|
6月前
|
缓存 网络协议 Java
(六)网络编程之化身一个请求感受浏览器输入URL后奇妙的网络之旅!
在浏览器上输入一个URL后发生了什么? 这也是面试中老生常谈的话题,包括网上也有大量关于这块的内容。
158 2
Request请求转发和重定向的资源路径问题,目录到底加不加,取决于浏览器用,还是服务器用,规避项目目录发生修改,导致重定向失败
Request请求转发和重定向的资源路径问题,目录到底加不加,取决于浏览器用,还是服务器用,规避项目目录发生修改,导致重定向失败
|
7月前
|
域名解析 存储 缓存
HTTP请求流程概览:浏览器构建请求行含方法、URL和版本;检查缓存;解析IP与端口
【6月更文挑战第23天】 HTTP请求流程概览:浏览器构建请求行含方法、URL和版本;检查缓存;解析IP与端口;TCP连接(HTTP/1.1可能需排队);三次握手;发送请求头与体;服务器处理并返回响应;TCP连接可能关闭或保持;浏览器接收并显示响应,更新缓存。HTTP版本间有差异。
116 5
|
7月前
|
Web App开发 JSON 数据格式
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
Access to XMLHttpRequest at 'file:///C:/Users/.../failedrequests.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome-untrusted, https, edge. reportdata/failedrequests.json:1 Fail
|
7月前
|
JSON JavaScript 数据格式
postman如何模拟浏览器发送post请求,意思是替代Vue向后端发送一个请求
postman如何模拟浏览器发送post请求,意思是替代Vue向后端发送一个请求
|
7月前
|
安全 前端开发 JavaScript
CORS是W3C标准,解决浏览器同源策略限制的跨域数据访问。
【6月更文挑战第27天】CORS是W3C标准,解决浏览器同源策略限制的跨域数据访问。它通过服务器在HTTP响应头添加`Access-Control-Allow-*`字段允许特定源请求。简单请求无需预检,非简单请求会发OPTIONS预检请求。服务器配置CORS策略,客户端正常请求,浏览器自动处理。若未正确配置,浏览器将阻止响应,保障安全。
89 0