source

jQuery를 사용하여 URL 변경 및 리디렉션

nicesource 2023. 8. 17. 21:27
반응형

jQuery를 사용하여 URL 변경 및 리디렉션

이런 코드가 있어요

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

이제는 이렇게 방향을 바꾸고 싶습니다.

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

이것을 해결할 방법이 jQuery에 있습니까?그것은 여전히 나를 갖게 합니다.url = http://example.com.

다른 답변에서 언급했듯이, 이 작업을 수행하기 위해 jQuery가 필요하지 않고 표준 속성만 사용하면 됩니다.

하지만, 당신은 그들 사이의 차이점을 모르는 것 같습니다.window.location.replace(url)그리고.window.location = url.

  1. window.location.replace(url)주소 표시줄의 현재 위치를 새 위치로 바꿉니다.함수를 호출하던 페이지는 브라우저 기록에 포함되지 않습니다.따라서 새 위치에서 브라우저의 뒤로 단추를 누르면 리디렉션 JavaScript가 들어 있는 문서를 방문하기 전에 보던 페이지로 돌아갈 수 있습니다.
  2. window.location = url새 위치로 리디렉션합니다.이 새 페이지에서 브라우저의 뒤로 단추는 리디렉션 JavaScript가 포함된 원래 페이지를 가리킵니다.

물론 둘 다 사용 사례가 있지만, 이 경우에는 후자를 고수해야 할 것 같습니다.

추신: 당신은 아마 두 번의 슬래시를 잊어버렸을 것입니다.http:JavaScript의 두 번째 줄에서:

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

사실대로 말하자면, 나는 여전히 당신이 필요로 하는 것을 얻지 못했지만,

window.location(url);

그래야 한다

window.location = url;

window.location reference에서 검색하면 알 수 있습니다.

jQuery에는 이에 대한 옵션이 없으며 옵션이 없어야 합니다.이것은 완벽하게 유효한 Javascript이며 jQuery가 이에 대한 래퍼 함수를 제공할 이유가 없습니다.

jQuery는 javascript 위에 있는 라이브러리일 뿐이며, jQuery를 사용하더라도 일반 javascript를 사용할 수 있습니다.

Btw window.location은 함수가 아니라 다음과 같이 설정해야 하는 속성입니다.

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

해보세요...대안으로 사용되는

해보세요...

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

의미:

다음으로 양식 찾기id"filename", 변경합니다.attribute"action"이라는 이름을 붙이고 제출합니다.

이건 내게 효과가 있어요...!!!

jQuery(왜?)에서 이 작업을 수행하려면 DOM window.location 개체가 함수를 사용하도록 해야 합니다.

$(window.location)[0].replace("https://www.google.it");

[0]은(는) JQuery에 DOM 개체를 캡슐화할 때 $(window.location) jQuery 개체가 아닌 DOM 개체를 직접 사용하도록 지시합니다.

다음과 같이 할 수 있습니다.

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

당신은 재쿼리 없이 그것을 더 간단하게 할 수 있습니다.

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>

언급URL : https://stackoverflow.com/questions/846954/change-url-and-redirect-using-jquery

반응형