Maison développement back-end tutoriel php ajax+php打造进度条 readyState各状态_PHP

ajax+php打造进度条 readyState各状态_PHP

Jun 01, 2016 pm 12:19 PM
进度条

Ajax

用Ajax+php打造进度条,其实很简单。
readyState == 状态(0,1,2,3,4)
0:请求未初始化,还没调用open
1:请求已经建立,但还没有发送,还没调用send
2:请求已发送,并且正在处理
3:请求正在处理,通常响应中已有部分数据可调用
4:完毕
复制代码 代码如下:
var xmlHttp;
function create()
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();//非IE浏览器
}
}
function Request(url)
{
xmlHttp.open("GET","for.php?id="+url,true);//true是异步传输
xmlHttp.onreadystatechange = ip985;//响应函数
xmlHttp.send(null);
}
function ip985()
{
if(xmlHttp.readyState==1)
{
document.getElementById('IP985').innerHTML = "请求已建立,准备发送……"; //IP985标志位
}
if(xmlHttp.readyState==4)
{
var v = xmlHttp.responseText;//获取内容
document.getElementById('ip985').innerHTML = v;//目标网页内容
}
}
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment définir la couleur d'une barre de progression en utilisant HTML et CSS ? Comment définir la couleur d'une barre de progression en utilisant HTML et CSS ? Sep 19, 2023 pm 08:25 PM

Dans le développement de sites Web, les barres de progression constituent une partie importante du site Web. La barre de progression montre la progression du processus. Avec l'aide de celui-ci, les utilisateurs peuvent voir l'état du travail effectué sur le site Web, y compris les temps de chargement, les téléchargements de fichiers, les téléchargements de fichiers et d'autres tâches similaires. Par défaut, il est gris. Cependant, pour que les barres de progression se démarquent et soient visuellement attrayantes, vous pouvez utiliser HTML et CSS pour changer leur couleur. Qu'est-ce qu'une barre de progression ? Une barre de progression est utilisée pour afficher la progression d'une tâche. Il s'agit d'un élément d'interface utilisateur graphique. Il s'agit essentiellement d'une barre horizontale qui se remplit progressivement au fur et à mesure de la progression de la tâche, accompagnée d'un pourcentage ou d'un autre indicateur d'achèvement. Les barres de progression sont utilisées dans les applications Web pour fournir aux utilisateurs des informations sur la réalisation d'un processus tel que le téléchargement de fichiers, le téléchargement de fichiers ou l'installation de logiciels.

Comment implémenter la fonction de barre de progression de chargement de page en JavaScript ? Comment implémenter la fonction de barre de progression de chargement de page en JavaScript ? Oct 27, 2023 am 08:57 AM

Comment JavaScript implémente-t-il la fonction de barre de progression du chargement des pages ? Dans les applications Internet modernes, la vitesse de chargement des pages est l’un des facteurs clés de l’expérience utilisateur. Pour montrer aux utilisateurs le processus de chargement, de nombreux sites Web et applications utilisent des barres de progression de chargement. JavaScript fournit un moyen simple et efficace d’implémenter la fonction de barre de progression du chargement des pages. Le processus de mise en œuvre spécifique est le suivant : Créez une structure HTML Tout d'abord, créez une structure HTML d'une barre de progression à un emplacement approprié sur la page.

Comment utiliser Vue pour implémenter les effets de la barre de progression Comment utiliser Vue pour implémenter les effets de la barre de progression Sep 19, 2023 am 09:22 AM

Comment utiliser Vue pour implémenter les effets de la barre de progression La barre de progression est un élément d'interface courant qui peut être utilisé pour afficher l'achèvement d'une tâche ou d'une opération. Dans le framework Vue, nous pouvons implémenter des effets spéciaux de la barre de progression via un code simple. Cet article expliquera comment utiliser Vue pour implémenter des effets de barre de progression et fournira des exemples de code spécifiques. Créer un composant Vue Tout d'abord, nous devons créer un composant Vue pour implémenter la fonction de barre de progression. Dans Vue, les composants sont réutilisables et peuvent être utilisés à plusieurs endroits. Créez un fichier appelé Pro

Comment utiliser CSS pour créer une page Web, étapes de mise en œuvre de la barre de progression du chargement Comment utiliser CSS pour créer une page Web, étapes de mise en œuvre de la barre de progression du chargement Oct 26, 2023 am 11:00 AM

Étapes de mise en œuvre de l'utilisation de CSS pour créer une barre de progression de chargement de page Web Dans la conception Web moderne, la vitesse de chargement est cruciale pour l'expérience utilisateur. Afin d'améliorer l'expérience utilisateur, vous pouvez utiliser CSS pour créer une barre de progression du chargement de la page Web afin que les utilisateurs puissent clairement comprendre la progression du chargement de la page Web. Cet article présentera les étapes de mise en œuvre de l'utilisation de CSS pour créer une barre de progression de chargement de page Web et fournira des exemples de code spécifiques. Étape 1 : Structure HTML Tout d'abord, vous devez ajouter un élément div représentant la barre de progression en HTML, comme indiqué ci-dessous : <divclass=&q

Développement de composants Vue : méthode d'implémentation du composant de barre de progression Développement de composants Vue : méthode d'implémentation du composant de barre de progression Nov 24, 2023 am 08:56 AM

Développement de composants Vue : méthode d'implémentation du composant de barre de progression Préface : dans le développement Web, la barre de progression est un composant d'interface utilisateur courant, qui est souvent utilisé pour afficher la progression des opérations dans des scénarios tels que les demandes de données, les téléchargements de fichiers et les soumissions de formulaires. Dans Vue.js, nous pouvons facilement implémenter un composant de barre de progression en personnalisant les composants. Cet article présentera une méthode d'implémentation et fournira des exemples de code spécifiques. J'espère que cela sera utile aux débutants de Vue.js. Structure et style du composant Tout d'abord, nous devons définir la structure de base et le style du composant de barre de progression.

Comment créer une barre de progression en utilisant HTML et CSS Comment créer une barre de progression en utilisant HTML et CSS Sep 05, 2023 am 09:09 AM

Présentation Les barres de progression sont le composant principal de toute application Web. La progression indique l’achèvement d’un projet ou d’une tâche. Dans ce module, nous allons créer une barre de progression en utilisant HTML et la styliser avec CSS. Nous fournirons également une animation de progression pour la barre de progression. Dans cette tâche, nous animerons la barre de progression à l'aide de @keyframes. Utilisez les propriétés du style d'animation telles que la durée de l'animation, le nom, le timing, etc. Algorithme Étape 1 – Créez un passe-partout HTML dans un éditeur de texte. Étape 2 - Créez un conteneur div parent et définissez le nom de la classe comme barContainer. Étape 3 - Créez maintenant un autre enfant du div parent actuel et définissez le nom de la classe. Étape 4 - Créer un enfant qui hérite en cours et qui sera animé

Comment utiliser Vue et Element-UI pour implémenter la barre de progression et charger les effets d'animation Comment utiliser Vue et Element-UI pour implémenter la barre de progression et charger les effets d'animation Jul 21, 2023 pm 08:54 PM

Comment utiliser Vue et Element-UI pour implémenter la barre de progression et charger les effets d'animation. Vue.js est un framework frontal léger, et Element-UI est une bibliothèque de composants d'interface utilisateur basée sur Vue.js, qui fournit un riche ensemble de composants. et les interactions. L'effet peut nous aider à développer rapidement une belle interface frontale. Cet article expliquera comment utiliser Vue et Element-UI pour implémenter la barre de progression et charger les effets d'animation. 1. Installez et introduisez d'abord Element-UI,

Développement PHP : Comment implémenter la barre de progression de la lecture d'articles et la fonction de partage Développement PHP : Comment implémenter la barre de progression de la lecture d'articles et la fonction de partage Sep 22, 2023 am 08:06 AM

Développement PHP : Comment implémenter la barre de progression de lecture d'article et la fonction de partage Introduction : La barre de progression de lecture d'article et la fonction de partage sont des fonctions importantes qui offrent aux utilisateurs une meilleure expérience de lecture et facilitent le partage de contenu. Dans le développement PHP, nous pouvons réaliser ces deux fonctions grâce à certains moyens techniques. Cet article vous présentera la méthode d'implémentation spécifique et donnera des exemples de code correspondants. 1. Implémentation de la barre de progression de la lecture de l'article La clé pour implémenter la barre de progression de la lecture de l'article est d'obtenir la progression de la lecture de l'utilisateur actuel (c'est-à-dire la hauteur actuelle du document défilant), puis de la convertir en une valeur relative à l'ensemble de l'article.

See all articles