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

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

韦小宝
Libérer: 2017-12-04 10:39:19
original
2099 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal