Zmień adres URL i przekieruj za pomocą jQuery

Mam taki kod,

<form id="abc">
  <input type="text" id="txt" />
</form>

a teraz chcę przekierować w ten sposób,

var temp = $("#txt").val();
url = "http://example.com/" + temp;
window.location.replace(url);
// or window.location(url);

Czy jest w ogóle w jQuery rozwiązanie tego problemu? Nadal mi na to pozwala url = http://example.com.

Jak wspomniano w innych odpowiedziach, nie potrzebujesz do tego jQuery; możesz po prostu użyć standardowych właściwości.

Wygląda jednak na to, że nie znasz różnicy między window.location.replace(url)i window.location = url.

1. window.location.replace(url)zastępuje bieżącą lokalizację w pasku adresu nową. Strona, która wywoływała funkcję, nie zostanie uwzględniona w historii przeglądarki. Dlatego w nowej lokalizacji kliknięcie przycisku Wstecz w przeglądarce spowoduje powrót do strony, którą przeglądałeś przed odwiedzeniem dokumentu zawierającego przekierowujący JavaScript.
2. window.location = urlprzekierowuje do nowej lokalizacji. Na tej nowej stronie przycisk Wstecz w przeglądarce wskazywałby oryginalną stronę zawierającą przekierowujący kod JavaScript.

Oczywiście oba mają swoje przypadki użycia, ale wydaje mi się, że w tym przypadku należy trzymać się tego drugiego.

PS: Prawdopodobnie zapomniałeś o dwóch ukośnikach po http:linii 2 swojego JavaScript:

url = "http://abc.com/" + temp;

mówię prawdę, nadal nie mam tego, czego potrzebujesz, ale

window.location(url);

Powinien być

window.location = url;

powie Ci to wyszukiwanie w witrynie window.location .

jQuery nie ma na to opcji ani nie powinno jej mieć. Jest to całkowicie poprawny skrypt javascript i nie ma powodu, aby jQuery udostępniał w tym celu funkcje opakowujące.

jQuery to po prostu biblioteka na szczycie javascript, nawet jeśli używasz jQuery, nadal możesz używać normalnego javascript.

Btw window.location nie jest funkcją, ale właściwością, którą należy ustawić w następujący sposób:

window.location = url;

var temp="/yourapp/";
$(location).attr('href','http://abcd.com'+temp);

Spróbuj tego ... użyj jako alternatywy

Spróbuj tego...

$("#abc").attr("action", "/yourapp/" + temp).submit();

Co to znaczy:

Znajdź formularz z id„abc”, zmień jego attributenazwę „action”, a następnie prześlij go ...

To działa dla mnie ... !!!

możesz to zrobić prościej bez jQuery

location = "https://example.com/" + txt.value

function send() {
  location = "https://example.com/" + txt.value;
}

<form id="abc">
  <input type="text" id="txt" />
</form>

<button onclick="send()">Send</button>