首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Laravel-8和InertiaJs中如何在向服务器发出POST请求时在浏览器中保留当前的GET url

在Laravel-8和InertiaJs中,要在向服务器发出POST请求时在浏览器中保留当前的GET URL,可以通过以下步骤实现:

  1. 首先,确保你已经安装了Laravel-8和InertiaJs,并且已经设置好了路由和控制器。
  2. 在前端页面中,使用InertiaJs的Inertia.link方法创建一个链接,将当前的GET URL作为参数传递给该方法。例如:
代码语言:txt
复制
<template>
  <div>
    <a :href="route('your_route_name', { query: $route.query })" as="button" method="post" @click.prevent="submitForm">
      Submit
    </a>
  </div>
</template>

<script>
import { Inertia } from '@inertiajs/inertia';

export default {
  methods: {
    submitForm() {
      Inertia.post(route('your_route_name'), {
        // POST请求的数据
      });
    },
  },
};
</script>

在上述代码中,route('your_route_name', { query: $route.query })用于获取当前的GET URL,并将其作为参数传递给Inertia.link方法。

  1. 在后端的控制器中,接收POST请求并处理。在处理POST请求时,可以使用Request对象的fullUrlWithQuery方法获取当前的GET URL,并将其传递给视图。例如:
代码语言:txt
复制
use Illuminate\Http\Request;

class YourController extends Controller
{
    public function yourMethod(Request $request)
    {
        $currentUrl = $request->fullUrlWithQuery();

        // 处理POST请求

        return Inertia::render('YourView', [
            'currentUrl' => $currentUrl,
        ]);
    }
}

在上述代码中,$request->fullUrlWithQuery()用于获取当前的GET URL,并将其传递给视图。

  1. 在前端的视图中,可以通过props属性接收后端传递的currentUrl变量,并在浏览器中保留当前的GET URL。例如:
代码语言:txt
复制
<template>
  <div>
    <p>Current URL: {{ currentUrl }}</p>
  </div>
</template>

<script>
export default {
  props: {
    currentUrl: String,
  },
};
</script>

通过以上步骤,你可以在向服务器发出POST请求时,在浏览器中保留当前的GET URL。请注意,以上代码仅为示例,你需要根据自己的实际情况进行调整和修改。

关于Laravel-8和InertiaJs的更多信息和详细介绍,你可以参考腾讯云的相关产品和文档:

请注意,以上链接仅为示例,你需要根据实际情况查找适合的腾讯云产品和文档。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

两种HTTP请求方法:GETPOST区别

二、两种 HTTP 请求方法:GET POST 客户机和服务器之间进行请求-响应时,两种最常被用到方法是:GET POST。 1、GET 方法:从指定资源请求数据。...下面是一些GET注释: 1.1.GET 请求可被缓存。 1.2.GET 请求保留浏览器历史记录。 1.3.GET 请求可被收藏为书签。...)是 POST 请求 HTTP 消息主体中发送GET方法是可见,而POST方法是HTTP消息主体中发出,具有不可见性。...当发送数据GET 方法 URL 添加数据;URL 长度是受限制URL 最大长度是 2048 个字符)。 POST---> 无限制。...POST---> POSTGET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志。 9.可见性: GET--->数据 URL 对所有人都是可见

2.1K10

AJAX

method:请求类型;GETPOST url:文件服务器位置 sync:true(异步)或 false(同步) send(string):string:仅用于 POST 请求     3...post请求区别 GET方法:通常用来从指定资源请求数据。...GET 请求可被缓存 GET 请求保留浏览器历史记录 GET 请求不应在处理敏感数据使用 GET 请求有长度限制 由于GET方法提交数据是作为URL请求一部分所以提交数据量不能太大 GET...请求只应当用于取回数据 POST方法: 通常用来向指定资源提交要被处理数据 POST 请求不会被缓存 POST 请求不会保留浏览器历史记录 POST 请求对数据长度没有要求 POST方法主要是服务器提交数据...411——服务器拒绝用户定义Content-Length属性请求 412——一个或多个请求头字段在当前请求错误 413——请求资源大于服务器允许大小 414——请求资源URL长于服务器允许长度

54940

史上最全解析:从输入 URL 到页面展示到底发生了什么?

请求还包含浏览器为此域提供cookie。GETPOST请求GETPOST,两者是HTTP协议中发送请求常用方法。示例:GET /index.html?...请求url写入参数,或者GET请求body携带参数GETPOST请求几个主要区别参数长度HTTP 协议没有Body URL 长度限制,对 URL 限制大多是浏览器服务器原因IE对URL...对于其他浏览器Netscape、FireFox等,理论上没有长度限制,其限制取决于操作系统支持安全POSTGET 安全,因为数据地址栏上不可见,且GET请求参数会被完整保留浏览器历史记录里...,而POST参数不会被保留。...进一步发送AJAX异步请求即使页面渲染完成之后,浏览器客户端仍然可能和服务端保持继续通信,比如获取最新列表、聊天信息等等,浏览器执行JavaScript使用GETPOST请求服务器发送异步请求

1.1K62

python爬虫从入门到放弃(二)之爬虫原理

请求方式 主要有:GET/POST两种类型常用,另外还有HEAD/PUT/DELETE/OPTIONS GETPOST区别就是:请求数据GETurlPOST则是存放在头部 GET:指定资源发出...其中一个原因是GET可能会被网络蜘蛛等随意访问 POST:指定资源提交数据,请求服务器进行处理(例如提交表单或者上传文件)。数据被包含在请求本文中。...这个请求可能会创建新资源或修改现有资源,或二者皆有。 HEAD:与GET方法一样,都是服务器发出指定资源请求。只不过服务器将不传回资源本文部分。...请求请求是携带数据,提交表单数据时候表单数据(POST) Response包含了什么 所有HTTP响应第一行都是状态行,依次是当前HTTP版本号,3位数字组成状态代码,以及描述状态短语...出现这种情况是因为,很多网站数据都是通过js,ajax动态加载,所以直接通过get请求获取页面浏览器显示不同。

1.5K90

Http协议简介

无状态是指Web浏览器Web服务器之间不需要建立持久连接,这意味着当一个客户端服务器发出请求,然后Web服务器返回响应(response),连接就被关闭了,服务器端不保留连接有关信息。...一次完整HTTP通信过程,Web浏览器与Web服务器之间将完成下列7个步骤:   (1) 建立TCP连接  (2) Web浏览器Web服务器发送请求  (3) Web浏览器发送请求头信息 浏览器发送其请求之后...(这一点与POST方法有着明显区别) .GET请求数据会附在URL之后(就是把数据放置HTTP协议头中),以?分割URL传输数据,参数之间以&相连,: login.action?...POST请求 POST表示可能修改变服务器资源请求POST把提交数据则放置是HTTP包包体。一般来说POST请求通常与表单配合使用,因为数据不包含在URL,信息相对安全。...为了让代理服务器浏览器一段时间以后更新缓存(再次访问曾访问过页面,直接从缓存中加载,缩短响应时间降低服务器负载)页面,我们可以使用Expires实体报头域指定页面过期时间。

86610

面试被问http协议?这篇文章足够覆盖所有相关问题!

好处在于,使用这个方法可以不必传输全部内容情况下,就可以获取其中“关于该资源信息”(元信息或称元数据)。 GET指定资源发出“显示”请求。...请求首部字段:从客户端服务器发送请求报文使用首部。 响应首部字段:从服务器客户端返回响应报文使用首部。 实体首部字段:针对请求报文响应报文实体部分使用首部。...用HTTP/1.0说明用户发出浏览请求浏览器地址输入URL或者鼠标点击可选事件,浏览器会自动找到所要连接页面)后事件。 1. 浏览器分析URL。 2. DNS请求解析域名IP地址。...GET方法POST方法区别 参考链接 1.GET提交,请求数据会附在URL之后(就是把数据放置HTTP协议头<request-line>),以?...对于其他浏览器Netscape、FireFox等,理论上没有长度限制,其限制取决于操作系统支持。 因此对于GET提交,传输数据就会受到URL长度限制。

88570

【前端 · 面试 】HTTP 总结(五)—— GET POST

GET POST 之所以产生,要通过HTTP规则浏览器/服务器限制进行区分,使它们应用过程中体现出不同。 整个请求过程大概是这样: 客户端 IP 发出请求。...区别 虽然说 GET POST 请求本质是相同 —— 都是 TCP 连接,但是,平时使用还是存在一定区别的。...缓存机制不同 这个需要从以下几点来说明: GET 请求会被浏览器主动cache,而 POST 不会,除非手动设置。 GET 请求参数会被完整保留浏览器历史记录里,而 POST 参数不会被保留。...GET 产生 URL 地址可以被 Bookmark,而 POST 不可以。 GET 浏览器回退是无害,而 POST 会再次提交请求。...对于 GET 方式请求浏览器会把 header data 一并发送出去,服务器响应 200(返回数据);而对于 POST浏览器先发送 Header,服务器响应 100 continue,浏览器再发送

29610

Http 协议你都了解吗?

但是我们实际应用中常用也就是 get post,其他请求方式也都可以通过这两种方式间接来实现。 GET 指定资源发出“显示“信息。...不同浏览器URL 长度有限制,因此对于 GET 提交,传输数据就会受到URL 长度限制。POST 由于不是通过 URL 传值,理论上数据不受限。 POST 安全性要比 GET 安全性高。...因为浏览器可能对请求地址做历史记录存储,对于 GET 请求登录,那其他人就可以直接在 URL 上拿到你账号密码了,而 POST 拿不到参数。 5....释放 TCP 连接 客户端浏览器解析 HTML 内容 浏览器输入网站发生事件: 浏览器 DNS 服务器请求解析该 URL 域名所对应 IP 地址; 解析出 IP 地址后,根据该 IP 地址默认端口...80,和服务器建立 TCP 连接; 浏览器发出读取文件(URL 域名后面部分对应文件) HTTP 请求,该请求报文作为 TCP 三次握手第三个报文数据发送给服务器; 服务器浏览器请求作出响应

40410

Web安全学习笔记之HTTP协议

POST 用来请求原始服务器接受请求中封装实体作为请求Request-URI标识副属。POST主要用于数据处理过程提供数据块,递交表单或者是通过追加操作来扩展数据库。...一个URL地址用于描述一个网络上资源,而HTTPGET, POST, PUT, DELETE就对应着对这个资源查,改,增,删4个操作。我们最常见就是GETPOST了。...GET一般用于获取/查询资源信息,而POST一般用于更新资源信息,主要区别如下: GET提交数据会放在URL之后,以?分割URL传输数据,参数之间以&相连,EditPosts.aspx?...GET浏览器回退是无害,而POST会再次提交请求GET请求参数会被完整保留浏览器历史记录里,而POST参数不会被保留。...此外,HTTP/1.1新增了24个状态响应码,409(Conflict)表示请求资源与资源的当前状态发生冲突;410(Gone)表示服务器某个资源被永久性删除。

1K20

【前端 · 面试 】HTTP 总结(三)—— HTTP 请求方法

幂等概念简单点来说,就是指对同一个 URL 多个请求应该返回同样结果。 查询字符串(名称/值对)是 GET 请求 URL 中发送 URL 后加 ?...q=%E7%BC%96%E7%A8%8B%E4%B8%89%E6%98%A7&PC=U316&FORM=CHROMN GET 请求一些其他特性: GET 请求可被缓存 GET 请求保留浏览器历史记录...GET 请求可被收藏为书签 GET 请求不应在处理敏感数据使用 GET 请求有长度限制 GET 请求只应当用于取回数据(不修改) HEAD 方法 与 GET 方法一样,都是服务器发出指定资源请求...浏览器发出POST请求body主要格式 application/x-www-form-urlencoded 用来传输简单数据, "key1=value1&key2=value2" 这样格式...POST 请求其他特性: POST 请求不会被缓存 POST 请求不会保留浏览器历史记录 POST 不能被收藏为书签 POST 请求对数据长度没有要求 PUT 方法 PUT 方法用于将数据发送到服务器来创建

54110

Python 爬虫一 简介

请求方式 主要有:GET/POST两种类型常用,另外还有HEAD/PUT/DELETE/OPTIONS GETPOST区别就是:请求数据GETurlPOST则是存放在头部 GET:指定资源发出...其中一个原因是GET可能会被网络蜘蛛等随意访问 POST:指定资源提交数据,请求服务器进行处理(例如提交表单或者上传文件)。数据被包含在请求本文中。...这个请求可能会创建新资源或修改现有资源,或二者皆有。 HEAD:与GET方法一样,都是服务器发出指定资源请求。只不过服务器将不传回资源本文部分。...请求头 包含请求头部信息,User-Agent,Host,Cookies等信息,下图是请求请求百度,所有的请求头部信息参数 请求请求是携带数据,提交form表单数据时候表单数据(POST...出现这种情况是因为,很多网站数据都是通过js,ajax动态加载,所以直接通过get请求获取页面浏览器显示不同。

77010

HTTP协议基础浅谈

HTTP特点: 1、简单快速:客户服务器请求服务,只需传送请求方法路径。请求方法常用GET、HEAD、POST。 2、灵活:HTTP允许传输任意类型数据对象。...POST请求可能会导致新资源建立/或已有资源修改。 HEAD:类似于get请求,只不过返回响应没有具体内容,用于获取报头 PUT:从客户端服务器传送数据取代指定文档内容。...get多用来查询,请求参数放在url,不会对服务器内容产生作用。post用来提交,把账号密码放入body。...GET是直接添加到URL后面的,直接就可以URL中看到内容,而POST是放在报文内部,用户无法直接看到。 GET提交数据长度是有限制,因为URL长度有限制,具体长度限制视浏览器而定。...而POST没有。 响应状态码 访问一个网页浏览器web服务器发出请求。此网页所在服务器会返回一个包含HTTP状态码信息头用以响应浏览器请求

53820

面试被问http协议?这篇文章足够覆盖所有相关问题!

HEAD:与GET方法一样,都是服务器发出指定资源请求。只不过服务器将不传回资源本文部分。...请求首部字段:从客户端服务器发送请求报文使用首部。 响应首部字段:从服务器客户端返回响应报文使用首部。 实体首部字段:针对请求报文响应报文实体部分使用首部。...用HTTP/1.0说明用户发出浏览请求浏览器地址输入URL或者鼠标点击可选事件,浏览器会自动找到所要连接页面)后事件。 1. 浏览器分析URL。 2. DNS请求解析域名IP地址。...GET方法POST方法区别 参考链接 1.GET提交,请求数据会附在URL之后(就是把数据放置HTTP协议头<request-line>),以?...对于其他浏览器Netscape、FireFox等,理论上没有长度限制,其限制取决于操作系统支持。 因此对于GET提交,传输数据就会受到URL长度限制。

81850

第160天:Http协议详细总结

URL用于定位了网络资源,创造PUT,DELETE,POST,GET来对应增,删,改,查操作。但是我们实际应用中常用也就是getpost,其他请求方式也都可以通过这两种方式间接来实现。...GETPOST区别: 参数携带位置不同 GET提交数据会附加在URL之后(即把数据放在请求),会在地址栏显示,接?=传值,多个参数用&连接。...POST提交数据放在HTTP包体,地址栏不显示。 传输数据大小限制不同 不同浏览器URL长度有限制,因此对于GET提交,传输数据就会受到URL长度限制。...释放TCP连接 7、客户端浏览器解析HTML内容 浏览器输入网站发生事件: 1、浏览器 DNS 服务器请求解析该 URL 域名所对应 IP 地址; 2、解析出 IP 地址后,根据该 IP 地址默认端口...80,和服务器建立TCP连接; 3、浏览器发出读取文件(URL 域名后面部分对应文件)HTTP 请求,该请求报文作为 TCP 三次握手第三个报文数据发送给服务器; 4、服务器浏览器请求作出响应

43820

【Java核心面试宝典】Day18、GETPOST请求都有哪些常见面试题?

告诉服务器,这个请求是由哪些代理发出 Via: 1.0 fred, 1.1 itbilu.com.com (Apache/1.1) Warning 一个一般性警告,表示实体内容可能存在错误 Warning...HEAD 类似于 GET 请求,只不过返回响应没有具体内容,用于获取报头。 POST 指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在请求。...Get提交数据会被放置URL之后,并且请求参数会被完整保留浏览器记录里,由于参数直接暴露在URL,可能存在安全问题,因此往往用于获取资源信息。...而post参数放置在请求主体,并且参数不会被保留。因此相比于get方法,post方法更安全,主要用于修改服务器资源。 Get请求只支持URL编码,post请求支持多种编码格式。...今日总结 今天最主要其实是HTTP协议多种方法使用理解,我们需要掌握getpost请求原理、他们区别、各自请求方式、适用于什么场景等等。

37650

Http请求报文格式响应报文格式

HTTP请求报文格式 客户端连上服务器后,服务器发出获取某个Web资源消息,称之为客户端服务器发送了一个HTTP请求。 HTTP请求报文主要由请求行、请求头部、请求正文3部分组成。...URL地址如果包含中文,浏览器会自动对中文字符进行编码之后再发送 协议版本格式为:HTTP/主版本号.次版本号,常用有HTTP/1.0HTTP/1.1 GET 请求获取Request-URI...HTML内容:客户端将服务器响应 html 文本解析并显示;   例如:浏览器地址栏键入URL,按下回车之后会经历以下流程:   1、浏览器 DNS 服务器请求解析该 URL 域名所对应 IP...地址;   2、解析出 IP 地址后,根据该 IP 地址默认端口 80,和服务器建立 TCP 连接;   3、浏览器发出读取文件(URL 域名后面部分对应文件)HTTP 请求,该请求报文作为...简单快速:客户服务器请求服务,只需传送请求方法路径。请求方法常用GET、HEAD、POST,每种方法规定了客户与服务器联系类型不同。

7.3K41

关于面试总结8-http协议相关面试题

3、发送http请求前,需要域名解析(DNS解析),解析获取相应IP地址。 4、浏览器服务器发起tcp连接,与浏览器建立tcp三次握手。...如果你百度搜到标准答案可能是这样(本标准答案参考自w3schools): GET浏览器回退是无害,而POST会再次提交请求。...GET请求参数会被完整保留浏览器历史记录里,而POST参数不会被保留GET请求URL传送参数是有长度限制,而POST么有。...如果我告诉你,你死记硬背这些所谓“标准答案”不是面试官想要,你肯定不服,首先从安全性讲,getpost都一样,没啥所谓哪个更安全 get请求参数url地址上,直接暴露,post请求参数放body...部分,按F12也直接暴露了,所以没啥安全性可言 “GET参数通过URL传递,POST放在Request body”这个其实也不准,post请求也可以没body,也可以url传递呢?

4.2K22

面试官:POSTGET 安全吗?你理解就是错

这不小伙美团一面就被问到了这个问题,一顿操作猛虎。 ? ? 你轻轻松松给出了一个“标准答案”: 1. GET浏览器回退是无害,而POST会再次提交请求。 2....GET请求只能进行url编码,而POST支持多种编码方式。 5. GET请求参数会被完整保留浏览器历史记录里,而POST参数不会被保留。 6....GET请求URL传送参数是有长度限制,而POST么有。 7. 对参数数据类型,GET只接受ASCII字符,而POST没有限制。 8....GETPOST是什么?HTTP协议两种发送请求方法。 HTTP是什么?HTTP是基于TCP/IP关于数据如何在万维网如何通信协议。 HTTP底层是TCP/IP。...而且,现代Web Server都是支持GET包含BODY这样请求。虽然这种请求不可能从浏览器发出,但是现在Web Server又不是只给浏览器用,已经完全地超出了HTML服务器范畴了。

2.5K41

⚡3分钟⚡熟悉面试常问状态码,面试官都听呆了

2xx - 成功 · 200 - OK 一切正常,对GETPOST请求应答文档跟在后面。 · 201 - Created 服务器已经创建了文档,Location头给出了它URL。...出现该状态代码浏览器能 够自动访问新URL,因此它是一个很有用状态代码。注意这个状态代码有时候可以301替换使 用。...许多浏览器会错误地响应302应答进行重定向,即使原来请求POST,即使它实际上只能在POST请求应答是303 才能重 定向。...由于这个原因,HTTP 1.1新增了307,以便更加清除地区分几个状态代码:当出现303应答浏览器可以跟随重定向GETPOST请求;如果是307应答,则浏览器只 能跟随 对GET请求重定向。...除非这是一个HEAD 请求,否则服务器应当包含一个解释当前错误状态以及这个状况是临时还是永久解释信息实体。浏览器应当向用户展示任何在当前响应中被包含实体。这些状态码适用于任何响应方法。

1.8K20
领券