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!