JQuery.get 제출 페이지가 점프하지 않는 솔루션

사용자에게 더 나은 웹사이트 경험을 제공하기 위해 우리는 일반적으로 데이터 상호 작용에 jquery를 사용합니다. 이 기사에서는 jquery를 사용하여 점프하지 않고 페이지를 제출하는 솔루션에 대해 설명합니다. . jquery가 jump

를 구현하는 방법을 살펴보겠습니다.코드 데모:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script>
        window.location.host;
        $(document).ready(function () {
            $("#btnTestGet").click(function () {
                jQuery.get("About.aspx", { name: "alex" }, function () { alert("aaa")});
            });
        });
</script>
        <button id="btnTestGet" value="Test JQuery" >Test JQuery</button>
</asp:Content>

문제 분석:

일부 Jquery 튜토리얼에서는 jquery.get(url,data,function(){}) 변경을 사용하여 점프할 수 있다고 말합니다. .

위 코드는 점프하지 않습니다. 중간에 에러가 나면 콜백 함수를 실행할 수 없는데 위 코드가 실행되는 이유는 무엇일까요?

분석 후에 우리는 jquery.get(url,data,function(){})이 Ajax 메서드이며 점프하지 않는다는 것을 알게 되었습니다.

이동하려면 콜백 함수에서 function(){//Jump here;}을 해야 합니다. 왜냐하면 Ajax 자체가 부분 새로 고침에 대한 비동기 요청을 달성하고 물론 페이지를 건너뛰지 않기 때문입니다.

페이지의 프런트엔드로 이동하려면 document.Url="xx.aspx"; 또는 window.location.href="xx.aspx"를 사용하세요. 올바른 ajax 방법은 get입니다. 콜백 함수의 백그라운드에서 반환된 값에 따라 html 속성 메서드를 작동하여 페이지를 부분적으로 업데이트합니다.

이렇게 하면 jquery.get 제출 페이지가 점프하지 않는 문제가 해결됩니다.

관련 권장 사항:

jQuery의 확장() 사용 요약

jQuery는 HTML 페이지를 지정된 div에 로드합니다.

루프의 JQuery 바인딩 이벤트 문제 자세한 설명

위 내용은 JQuery.get 제출 페이지가 점프하지 않는 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!