Heim Backend-Entwicklung PHP-Tutorial ajax+php打造进度条 readyState各状态_php技巧

ajax+php打造进度条 readyState各状态_php技巧

May 17, 2016 am 09:27 AM
进度条

用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;//目标网页内容
}
}
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie stelle ich die Farbe eines Fortschrittsbalkens mithilfe von HTML und CSS ein? Wie stelle ich die Farbe eines Fortschrittsbalkens mithilfe von HTML und CSS ein? Sep 19, 2023 pm 08:25 PM

Bei der Website-Entwicklung sind Fortschrittsbalken ein wichtiger Bestandteil der Website. Der Fortschrittsbalken zeigt den Fortschritt des Prozesses an. Mithilfe dieser Funktion können Benutzer den Status der auf der Website ausgeführten Arbeiten anzeigen, einschließlich Ladezeiten, Datei-Uploads, Datei-Downloads und anderer ähnlicher Aufgaben. Standardmäßig ist es grau. Um die Fortschrittsbalken jedoch hervorzuheben und optisch ansprechend zu gestalten, können Sie ihre Farbe mithilfe von HTML und CSS ändern. Was ist ein Fortschrittsbalken? Ein Fortschrittsbalken zeigt den Fortschritt einer Aufgabe an. Es handelt sich um ein grafisches Benutzeroberflächenelement. Es besteht im Wesentlichen aus einem horizontalen Balken, der sich im Verlauf der Aufgabe allmählich füllt, begleitet von einem Prozentwert oder einem anderen Abschlussindikator. Fortschrittsbalken werden in Webanwendungen verwendet, um Benutzern Informationen über den Abschluss eines Prozesses wie Datei-Upload, Datei-Download oder Softwareinstallation bereitzustellen.

Wie implementiert man die Fortschrittsbalkenfunktion beim Laden von Seiten in JavaScript? Wie implementiert man die Fortschrittsbalkenfunktion beim Laden von Seiten in JavaScript? Oct 27, 2023 am 08:57 AM

Wie implementiert JavaScript die Funktion zum Fortschrittsbalken beim Laden der Seite? In modernen Internetanwendungen ist die Seitenladegeschwindigkeit einer der Schlüsselfaktoren für das Benutzererlebnis. Um Benutzern den Ladevorgang anzuzeigen, verwenden viele Websites und Anwendungen Ladefortschrittsbalken. JavaScript bietet eine einfache und effektive Möglichkeit, die Fortschrittsbalkenfunktion beim Laden von Seiten zu implementieren. Der spezifische Implementierungsprozess ist wie folgt: Erstellen Sie zunächst eine HTML-Struktur eines Fortschrittsbalkens an einer geeigneten Stelle auf der Seite

So implementieren Sie Fortschrittsbalkeneffekte mit Vue So implementieren Sie Fortschrittsbalkeneffekte mit Vue Sep 19, 2023 am 09:22 AM

So verwenden Sie Vue zum Implementieren von Fortschrittsbalkeneffekten Der Fortschrittsbalken ist ein allgemeines Schnittstellenelement, das verwendet werden kann, um den Abschluss einer Aufgabe oder eines Vorgangs anzuzeigen. Im Vue-Framework können wir durch einfachen Code Spezialeffekte des Fortschrittsbalkens implementieren. In diesem Artikel wird erläutert, wie Sie mit Vue Fortschrittsbalkeneffekte implementieren, und es werden spezifische Codebeispiele bereitgestellt. Erstellen Sie eine Vue-Komponente. Zuerst müssen wir eine Vue-Komponente erstellen, um die Fortschrittsbalkenfunktion zu implementieren. In Vue sind Komponenten wiederverwendbar und können an mehreren Stellen verwendet werden. Erstellen Sie eine Datei mit dem Namen Pro

So verwenden Sie CSS zum Erstellen einer Webseite zum Laden der Fortschrittsbalken-Implementierungsschritte So verwenden Sie CSS zum Erstellen einer Webseite zum Laden der Fortschrittsbalken-Implementierungsschritte Oct 26, 2023 am 11:00 AM

Implementierungsschritte zur Verwendung von CSS zum Erstellen eines Fortschrittsbalkens für das Laden von Webseiten. Im modernen Webdesign ist die Ladegeschwindigkeit entscheidend für die Benutzererfahrung. Um das Benutzererlebnis zu verbessern, können Sie mithilfe von CSS einen Fortschrittsbalken für das Laden von Webseiten erstellen, damit Benutzer den Fortschritt beim Laden von Webseiten klar nachvollziehen können. In diesem Artikel werden die Implementierungsschritte der Verwendung von CSS zum Erstellen eines Fortschrittsbalkens für das Laden von Webseiten vorgestellt und spezifische Codebeispiele bereitgestellt. Schritt 1: HTML-Struktur Zuerst müssen Sie ein div-Element hinzufügen, das den Fortschrittsbalken in HTML darstellt, wie unten gezeigt: <divclass=&q

So verwenden Sie Vue und Element-UI, um Fortschrittsbalken und Ladeanimationseffekte zu implementieren So verwenden Sie Vue und Element-UI, um Fortschrittsbalken und Ladeanimationseffekte zu implementieren Jul 21, 2023 pm 08:54 PM

So verwenden Sie Vue und Element-UI zum Implementieren von Fortschrittsbalken und zum Laden von Animationseffekten. Vue.js ist ein leichtes Front-End-Framework, und Element-UI ist eine auf Vue.js basierende UI-Komponentenbibliothek, die einen umfangreichen Satz an Komponenten bereitstellt und Interaktionen können uns helfen, schnell eine schöne Front-End-Schnittstelle zu entwickeln. In diesem Artikel wird erläutert, wie Sie mit Vue und Element-UI Fortschrittsbalken implementieren und Animationseffekte laden. 1. Installieren Sie zuerst Element-UI und führen Sie es ein.

So erstellen Sie einen Fortschrittsbalken mit HTML und CSS So erstellen Sie einen Fortschrittsbalken mit HTML und CSS Sep 05, 2023 am 09:09 AM

Übersicht Fortschrittsbalken sind der Hauptbestandteil jeder Webanwendung. Der Fortschritt gibt den Abschluss eines Projekts oder einer Aufgabe an. In diesem Modul erstellen wir einen Fortschrittsbalken mit HTML und formatieren ihn mit CSS. Wir werden auch eine Fortschrittsanimation für den Fortschrittsbalken bereitstellen. In dieser Aufgabe animieren wir den Fortschrittsbalken mithilfe von @keyframes. Verwenden Sie Animationsstileigenschaften wie Animationsdauer, Name, Timing usw. Algorithmus Schritt 1 – Erstellen Sie ein HTML-Boilerplate in einem Texteditor. Schritt 2 – Erstellen Sie einen übergeordneten Div-Container und definieren Sie den Klassennamen als barContainer. Schritt 3 – Erstellen Sie nun ein weiteres untergeordnetes Element des aktuellen übergeordneten Div und definieren Sie den Klassennamen. Schritt 4 – Erstellen Sie ein untergeordnetes Element, das gerade erbt und animiert wird

Entwicklung der Vue-Komponente: Implementierungsmethode der Fortschrittsbalkenkomponente Entwicklung der Vue-Komponente: Implementierungsmethode der Fortschrittsbalkenkomponente Nov 24, 2023 am 08:56 AM

Entwicklung von Vue-Komponenten: Implementierungsmethode für Fortschrittsbalkenkomponenten Vorwort: In der Webentwicklung ist der Fortschrittsbalken eine häufige UI-Komponente, die häufig verwendet wird, um den Fortschritt von Vorgängen in Szenarien wie Datenanforderungen, Datei-Uploads und Formularübermittlungen anzuzeigen. In Vue.js können wir eine Fortschrittsbalkenkomponente einfach implementieren, indem wir Komponenten anpassen. In diesem Artikel wird eine Implementierungsmethode vorgestellt und spezifische Codebeispiele bereitgestellt. Ich hoffe, dass es für Vue.js-Anfänger hilfreich sein wird. Komponentenstruktur und -stil Zuerst müssen wir die grundlegende Struktur und den Stil der Fortschrittsbalkenkomponente definieren.

PHP-Entwicklung: So implementieren Sie den Fortschrittsbalken für das Lesen von Artikeln und die Freigabefunktion PHP-Entwicklung: So implementieren Sie den Fortschrittsbalken für das Lesen von Artikeln und die Freigabefunktion Sep 22, 2023 am 08:06 AM

PHP-Entwicklung: So implementieren Sie den Fortschrittsbalken für das Lesen von Artikeln und die Funktion zum Teilen. Einführung: Der Fortschrittsbalken für das Lesen von Artikeln und die Funktion zum Teilen sind wichtige Funktionen, die Benutzern ein besseres Leseerlebnis bieten und das Teilen von Inhalten erleichtern. In der PHP-Entwicklung können wir diese beiden Funktionen mit einigen technischen Mitteln erreichen. Dieser Artikel führt Sie in die spezifische Implementierungsmethode ein und gibt entsprechende Codebeispiele. 1. Implementierung des Fortschrittsbalkens für das Lesen von Artikeln Der Schlüssel zur Implementierung des Fortschrittsbalkens für das Lesen von Artikeln besteht darin, den Lesefortschritt des aktuellen Benutzers (dh die aktuelle Höhe des Bildlaufdokuments) zu ermitteln und ihn dann in einen Wert relativ zum gesamten Artikel umzuwandeln.

See all articles