Suche nach einem extrem einfachen AJAX-Skript

Question

Suche nach einem extrem einfachen AJAX-Skript

Gefragt el 10 de Kann, 2011: Wann wurde die Frage gestellt
5247 Ansichten: Anzahl der Besuche der Frage
5 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Ich brauche ein sehr einfaches, leichtes AJAX-Skript.

Hat jemand eine Shell eines solchen Skripts, die er weitergeben kann?

Hier ist, was ich habe:

Ich habe ein PHP-Skript auf dem Server, das das aktuelle Datum und die Uhrzeit auf dem Server ausgibt
Ich brauche nur das Javascript, das das PHP-Skript aufruft und lädt die Echo-Text-Zeichenfolge in eine Js-Var, so dass ich es in meiner App verwenden können

(Der Grund, warum ich die Uhr des Servers benötige, ist, dass alle Besucher der Website nach der gleichen Uhr arbeiten müssen. Die App funktioniert nicht für Besucher außerhalb der Zeitzone des Servers).

Danke für die Hilfe.

Gefragt el 10 de Kann, 2011 von H. Ferrence

0 Stimmen

Ich denke, ich sollte beachten, und nicht sicher, ob es wichtig ist, dass andere Aspekte meiner App die Google jQuery-API verwenden --> ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js

Kommentiert el 10 de Kann, 2011 von H. Ferrence

0 Stimmen

Nicht sicher, ob jQuery 1.4.4 ein Problem ist, so dass ich meine api Aufruf auf die neueste Version 1.6.0 aktualisiert.

Kommentiert el 10 de Kann, 2011 von H. Ferrence

0 Stimmen

Ich habe einen anderen Weg gewählt, um mein Problem zu lösen --> stackoverflow.com/questions/5953493/

Kommentiert el 10 de Kann, 2011 von H. Ferrence

Answer 1

5 Antworten

Answer 2

5voto

Aater Suleman Punkte 2190

JQuery ist vielleicht die richtige Antwort für AJAX, aber Sie können dies auch in einfachem alten Javascript wie folgt tun:

 <html>
<head>
    <script type="text/javascript">
        function loadXMLDoc(){
            var xmlhttp;
            if (window.XMLHttpRequest)  {
                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }
            else {// code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }

            //the callback function to be callled when AJAX request comes back
            xmlhttp.onreadystatechange=function(){
                if (xmlhttp.readyState==4 && xmlhttp.status==200){
                    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                }
            }       
            xmlhttp.open("POST","<<url of web address>>",true);
            xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            xmlhttp.send("fname=Henry&lname=Ford");
    }
    </script>
</head>
<body>

<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">Request data</button>
<div id="myDiv"></div>

</body>
</html>

Beantwortet el 10 de Kann, 2011 von Aater Suleman (2190 Punkte )

0 Stimmen

Danke Aater...ich werde das mal ausprobieren. Sieht genau so aus, wie ich es mir gewünscht habe!

Kommentiert el 10 de Kann, 2011 von H. Ferrence

0 Stimmen

Kein Problem, Dr. DOT. Sie können sich auch dieses Tutorial ansehen, wenn Sie diesen Code besser verstehen wollen. w3schools.com/ajax

Kommentiert el 10 de Kann, 2011 von Aater Suleman

0 Stimmen

Diese Methode ist auch auf Konflikt mit Google jQuery API in der IE8-Browser --> Webpage Fehler Details User Agent: Mozilla/4.0 (kompatibel; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; MDDR; InfoPath.2 .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; OfficeLiveConnector.1.4; OfficeLivePatch.1.3; .NET4.0C) Zeitstempel: Tue, 10 May 2011 16:08:15 UTC Meldung: Der Zugriff wird verweigert. Zeile: 138 Zeichen: 355 Code: 0 URI: ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js

Kommentiert el 10 de Kann, 2011 von H. Ferrence

Answer 3

1voto

Will Porter Punkte 11

Ein einfaches Beispiel finden Sie hier:

AjaxCall = function(Data, WebServiceURL, Callback) {
    var request;
    var url = WebServiceURL;

    if (window.XMLHttpRequest) {
        request = new XMLHttpRequest();
        request.onreadystatechange = function() {
            if (request.readyState === 4) {
                if (request.status === 200) {
                    Callback(request);
                } else {
                    alert("Sorry, an error occurred. " + request.responseText);
                }
            }
        };
        request.open("POST", url, true);
        request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        request.send(Data);
    } else if (window.ActiveXObject) {
        url += "?" + Data;
        request = new ActiveXObject("Microsoft.XMLHTTP");

        if (request) {
            request.onreadystatechange = function() {
                if (request.readyState === 4) {
                    if (request.status === 200) {
                        Callback(request);
                    } else {
                        alert("Sorry, an error occurred. " + request.responseText);
                    }
                }
            };
            request.open("GET", url, true);
            request.send();
        }
    }
};

Die Ajax-Funktionalität in jQuery ist großartig, bedeutet aber einen größeren Seiten-Download für eine einfache Javascript-Funktion.

Ein vollständig ausgearbeitetes Beispiel zum Herunterladen finden Sie in meinem Blog hier:

http://www.willporter.co.uk/blog/simple-ajax-script.aspx

Es verwendet ASP.NET auf der Serverseite, aber Sie sollten die Idee verstehen.

Beantwortet el 15 de August, 2011 von Will Porter (11 Punkte )

Answer 4

0voto

Tejs Punkte 39916

JQuery hat sehr einfache Ajax-Methoden entwickelt, die Sie verwenden können. Sie können mehr Informationen über sie finden aquí .

Beispiel:

 $.ajax({
     type: 'GET',
     url: '/SomeUrl/On/The/Server',
     data: { SomeValue: 10 },
     success: function(data, status)
     {
         // On Success
     },
     error: function(data, status)
     {
        // On Error
     }
 });

Beantwortet el 10 de Kann, 2011 von Tejs (39916 Punkte )

0 Stimmen

Danke Tejs. Aber jQuery funktioniert nicht in meiner App. Seit 3 Tagen versuche ich, das Problem zu beheben. Die jQuery ist in Konflikt mit GoogleAPI Jquery. Plus die jquery Option funktioniert nicht in ie8. Ich beschloss, dass, wenn ich nur die simplist aja Aufruf an den Server zu erhalten, um die Textzeichenfolge zu erfassen, dann würde ich haben, was ich brauche. Ich werde meinen Fehler unten einfügen

Kommentiert el 10 de Kann, 2011 von H. Ferrence

0 Stimmen

[Ausnahme... "Die Komponente hat einen Fehlercode zurückgegeben: 0x80004005 (NS_ERROR_FAILURE)" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js :: <TOP_LEVEL> :: Zeile 141" data: no]

Kommentiert el 10 de Kann, 2011 von H. Ferrence

0 Stimmen

Haben Sie versucht, einfach mit jQuery 代わりに $ für das Symbol? Es sollte kein Problem sein, jQuery auf einer Website zu verwenden, es sei denn, das Symbol steht im Konflikt.

Kommentiert el 10 de Kann, 2011 von Tejs

Anzeigen 2 weitere Kommentare

Answer 5

0voto

Krimo Punkte 964

Sehen Sie sich das vielleicht an: http://www.scriptiny.com/2011/01/simple-ajax-function-example/

Beantwortet el 10 de Kann, 2011 von Krimo (964 Punkte )

Answer 6

0voto

Kelly Punkte 37043

JQuery ist insgesamt eine zuverlässigere Bibliothek, aber die leichtesten AJAX-Methoden, die ich gefunden habe, sind die extrem einfachen Feder AJAX mit einem Wert von 1,6 KB (mit Raum für Kompression), oder eine Einzeiler-Schnipsel die ich nicht garantieren kann.

Das Risiko extrem leichtgewichtiger Bibliotheken besteht darin, dass man sich im Falle eines Fehlers darauf verlässt, dass der Eigentümer das Problem behebt, anstatt ein Team von Entwicklern.

Beantwortet el 10 de Kann, 2011 von Kelly (37043 Punkte )

Suche nach einem extrem einfachen AJAX-Skript

Antworten

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

Suche nach einem extrem einfachen AJAX-Skript

Antworten

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by: