Heim > Web-Frontend > js-Tutorial > Hauptteil

Eine kurze Diskussion über asynchrone jQuery-Objekte (XMLHttpRequest)_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:31:08
Original
1474 Leute haben es durchsucht

Werfen wir zunächst einen Blick auf die fünf Schritte asynchroner Objekte

Dies wird per Post erbeten,

Code kopieren Der Code lautet wie folgt:

//1.00Asynchrones Objekt erstellen
          var xhr = new XMLHttpRequest();
                    //2.0
                xhr.open("post", url,params, true);
//3.0 verwendet das Formdata-Attribut, um Parameter
zu übergeben                 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//4.0 Rückruffunktion festlegen
                 xhr.onreadystatechange = function () {
If (xhr.readyState == 4 && xhr.status == 200) {
alarm(xhr.responseText);
                }
            }
//5.0 Übergabeparameter
                xhr.send(params);

Kombinieren Sie die Get-Anfrage, um ein asynchrones Objektpaket zu erstellen

auf Anfrage

xhr.setRequestHeader("If-Modified-Since", "0"); soll den Cache leeren

Und Anfrage posten

Code kopieren Der Code lautet wie folgt:

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

Es ist für die Übertragungsmethode
in
Der Typ kann auf drei Arten abgerufen werden, einschließlich application/x-www-form-urlencoded

Code kopieren Der Code lautet wie folgt:

var ajaxHelp = {
    CreatXHR: Funktion () {
        //创建异步对象
        var xhr = new XMLHttpRequest();
        return xhr;
    },
    //ajax的get请求
    AjaxGet: Funktion (URL, CallBack) {
        this.AJaxCommon("get", url, null, callBack);
    },
    //ajax的post请求
    AjaxPost: Funktion (URL, Parameter, CallBack) {
        this.AJaxCommon("post", url, params, callBack);
    },
    AJaxCommon: Funktion (Methode, URL, Parameter, CallBack) {
        //1.0
        var xhr = this.CreatXHR();
        //2.0
        xhr.open(method, url, true);
        //3.0
        if (method == "get") {
            xhr.setRequestHeader("If-Modified-Since", "0");
        } sonst {
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        }
        //4.0
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                var datas = JSON.parse(xhr.responseText);
                //执行回调函数
                callBack(datas);
            }
        }
        //5.0
        xhr.send(params);
    }
};

ps:在JQuery里面是有$.ajax  和$.get /   $.Post 们底层也是这样的写的呢. JQuery就是为了解决各个浏览器的兼容性问题而已

Sie können die jQuery-Datei (XMLHttpRequest) herunterladen und verwenden.

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage