LARAVEL我如何提交表单，在url中保持现有查询字符串的完整性[重复]

Question

我有一个类似这样的 URL：foo?country=usa&state=ny 和 foo 我有一个表单，它为我提供了 firstname 和 lastname 的值，还有一些带有提交按钮的值。

但是当我点击submit 时，它会给出foo?firstname=john&lastname=doe 而另一个查询，即国家和州消失，或者换句话说，我正在失去它们。

任何人都可以告诉我，即使我正在提交表单，我该如何保留它们？

请注意：我不能使用任何隐藏字段，因为 foo Blade 中有很多表格，而且 foo Blade 可以有很多查询，而不仅仅是国家和州，可能还有年龄，邮政编码等

我在 foo.blade.php 中的表单是这样的

<form method="get" action ="{{Request::fullUrl()}}">
   <div class="form-group">
      <input type="text" class="form-control" name="firstname" placeholder="first name">
    </div>

    <button type="submit" class="btn btn-green-small">Apply</button>
</form>

    //Another form
 <form method="get" action ="{{Request::fullUrl()}}">

       <div class="form-group">
          <input type="text" class="form-control" name="lastname" placeholder="first name">
           </div>
        <button type="submit" class="btn btn-green-small">Apply</button>
    </form>

Answer 1

第 1 步 - 您可以使用 jQuery 将 onSubmit 事件连接到您的表单，在那里您可以序列化（）表单字段以生成格式为 www-form-urlencoded 的字符串，其中包含您的名字和姓氏字段。

第 2 步 - 由于您有您的国家/地区，因此您可以轻松地将其从 window.location.href 中删除。

然后手动组合一个新的查询字符串来附加您的请求 URL。

例子：

假设你的表单有 id ="myform"

$("#myform").on("submit",function(){
  event.preventDefault(); //prevent submission
  let formData = $(this).serialize(); //outputs firstname=blah&lastname=moreblah

  let fullUrl = window.href.location;
  let queryPart = fullUrl.split("?")[1]; //here you have country=usa&state=ny

  let finalForm = queryPart + "&" formData;  //country=usa&state=ny&firstname=blah

  // submit here using 'finalForm' after your request endpoint
});

为了清楚起见，我省略了空/空检查。