Maison  >  Article  >  interface Web  >  Solution pour que la page de soumission JQuery.get ne saute pas

Solution pour que la page de soumission JQuery.get ne saute pas

韦小宝
韦小宝original
2017-12-04 10:39:192059parcourir

Afin de donner au site Web une meilleure expérience pour les utilisateurs, nous utilisons généralement jquery pour l'interaction des données. Cet article parle de l'utilisation de jquery pour résoudre le problème. problème de non-saut sur la page de soumission, voyons comment jquery réalise le saut

Démonstration de code :

<%@ 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>

Analyse du problème :

Certains tutoriels Jquery indiquent que vous pouvez utiliser jquery.get(url,data,function(){}) pour sauter.

Le code ci-dessus ne saute pas. S'il y a une erreur au milieu, la fonction de rappel ne peut pas être exécutée, mais le code ci-dessus est exécuté. Pourquoi ?

Après analyse, nous avons appris que jquery.get(url,data,function(){}) est une méthode ajax et ne sautera pas.

Si vous voulez sauter, vous devez function(){//Jump here;} dans la fonction de rappel, car Ajax lui-même doit réaliser une demande asynchrone d'actualisation partielle, et bien sûr, il ne sautera pas le page.

Pour accéder au frontend de la page, utilisez document.Url="xx.aspx"; ou window.location.href="xx.aspx" ; La méthode ajax consiste à obtenir le backend dans la fonction de rappel. Renvoyez la valeur, puis utilisez la méthode attribut html en conséquence pour mettre à jour partiellement la page.

De cette façon, le problème de la page de soumission jquery.get qui ne saute pas est résolu.

Recommandations associées :

Un résumé de l'utilisation de extend() dans jQuery

jQuery charge une page html dans le div spécifié

Explication détaillée du problème des événements de liaison JQuery dans une boucle

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn