HTML Form zu entfernen? Get = info auf POST Submit?

Question

Ich habe mehrere Seiten, die mit gültigen GET Daten angekommen sind auf, wie http://website.com/?id=12345

ich ein generisches HTML-Formular, das auf viele verschiedenen Seiten mit PHP „require“ gezogen wird und POST einreicht werden. Unabhängig davon, auf welcher Seite sich dieses Formular befindet, sollte es immer an dieselbe Seite zurückgeben. Nachdem das Formular abgeschickt wurde, möchte ich jedoch die? Id = 12345 entfernt werden.

So, zum Beispiel, wenn der Benutzer auf http://website.com/new.php?id=12345 ist, sollte es zurück auf http://website.com/new.php posten. Wenn der Benutzer auf http://website.com/old.php?id=12345 ist, dass gleiche Form sollte es Post zurück zu old.php

Bisher die beste Lösung, ich fand, war die Form als solche stylen:

<form action="?" method="POST"> 

Welche werden alle Links zu http://website.com/new.php ändern ? oder http://website.com/old.php? Das ist sehr nah, aber nicht perfekt.

Wie sich herausstellt, fand ich endlich die Lösung für mein Problem, indem sie mit Hilfe von JavaScript:

url = location.href; 
qindex = url.indexOf("?"); 

Dies kann ziehen, was auch immer in der Adressleiste als String und den Index des ersten finden? Kennzeichen. Von dort:

if(qindex != -1) 

sagt mir, dass es ein? mark

var plainUrl = url.substring(0, qindex); 

bekommen können, als String, alles bis zu den? markieren, aber nicht danach. Schließlich:

Wird die Adressleiste in die einfache URL umschreiben, nicht einschließlich der? oder was auch immer danach kommt und ohne den Browser umzuleiten.

Answer 1

Da Ihre Seite keiner serverseitigen Verarbeitung unterzogen wird, können Sie durch eine Kombination der folgenden zwei Tricks erreichen, was Sie wollen. Erstens ändern sich Ihre speziellen Abfragezeichenfolgeflag auf einen Hash, der ohne das Auslösen einer Seite neu laden danach direkt bearbeitet werden kann:

http://yourdomain.com/page.html#search=value

Ändern Sie dann solch ein Skript wie das zu tun, was Sie tun wollen, nach der Abfrage String übergeben in

 <script type='text/javascript'> 
      // grab the raw "querystring" 
      var query = document.location.hash.substring(1); 

      // immediately change the hash 
      document.location.hash = ''; 

      // parse it in some reasonable manner ... 
      var params = {}; 
      var parts = query.split(/&/); 
      for (var i in parts) { 
      var t = part[i].split(/=/); 
      params[decodeURIComponent(t[0])] = decodeURIComponent(t[1]); 
      } 

      // and do whatever you need to with the parsed params 
      doSearch(params.search); 
     </script> 

jetzt können Sie die Query-String-Suffix auf folgende Weise löschen.

Wie an anderer Stelle detailliert beschrieben, und zwar hide variables passed in URL, Es ist möglich, JavaScript's History API in modernen Browsern zu verwenden.

history.replaceState({}, null, "/index.html"); 

Dadurch wird Ihre URL als/index angezeigt.html, ohne die Seite neu zu laden

Dieses kleine Juwel im Detail hier erklärt:

https://developer.mozilla.org/en-US/docs/Web/API/History_API