[JavaScript] ping, met XMLHttpRequest - Softwareontwikkeling

maandag 28 januari 2008 15:57

Acties:

Topicstarter

Ik probeer lokaal te pingen om te zien of ik internet connectie heb.

ik heb het volgende script gemaakt, dat in mijn ogen moet werken, maar ik loop tegen een beveleiging aan blijkbaar, of doe ik iets fout, of is er een andere weg om vanuit de browser te pingen?

(De url is variable)

HTML:

<html>
<head>
<title>ping, with XMLHttpRequest</title>
<script type="text/javascript">
function load_javascript()
    {
    document.getElementById('ping_result').innerHTML= "Javascript Enabled" +  "<br>";
    }

function createRequestObject()
    {
    var request;
    if(window.XMLHttpRequest)request = new XMLHttpRequest(); 
    else if(window.ActiveXObject)
        {
        var ie_versions = [
            "MSXML2.XMLHttp.5.0",
            "MSXML2.XMLHttp.4.0",
            "MSXML2.XMLHttp.3.0",
            "MSXML2.XMLHttp",
            "Microsoft.XMLHttp"
            ];
        for(var i=0; i <ie_versions.length; i++ )
            {
            try {request = new ActiveXObject(ie_versions[i]);}
            catch (error) {}
            }
        }
    return request;
    }


function f_ping()
    {
    var http = createRequestObject();
    var_url = document.form_ping.input_url.value;
    document.getElementById('ping_result').innerHTML += "ping " + var_url  + "<br>";
    try
        {
        http.open('GET', var_url);
        http.onreadystatechange = function()
            {
            if( this.readyState == 4 && this.status == 200 )
                {
                document.getElementById('ping_result').innerHTML += "OK: URL found" +  "<br>";
                }
            else
                {
                document.getElementById('ping_result').innerHTML += "Error: URL not found" +  "<br>";
                }
            }
        http.send();
        }
    catch(e)
        {
        document.getElementById('ping_result').innerHTML += "Error: " + e +  "<br>";
        }
    return false;
    }
    </script>
</head>
<body onload="load_javascript()">
    <h1>ping, with XMLHttpRequest</h1>
    <form name="form_ping" action="javascript: void(0)" ><!-- method="get" onsubmit="return f_ping()"  //-->
    <input name="input_url" value="http://www.google.be/">
    <button onclick="f_ping()">ping</button>
    </form>
    <div id="ping_result">Error: Enable javascript</div>
</body>
</html>

http://www.softfocus.be/

maandag 28 januari 2008 15:58

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

XMLHttpRequest werkt niet* cross domain. Voila.

_{* Niet zonder een 'proxy' of ander kuns-en-vliegwerk}

[ Voor 77% gewijzigd door RobIII op 28-01-2008 16:01 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

maandag 28 januari 2008 16:04

Acties:

Bosmonster

*zucht*

Voor een ping kun je toch beter een klein serverside scriptje aanroepen. Met bijvoorbeeld PHP kun je dat eenvoudig in 1 regel. Koppel dit aan een Ajax request en je kunt ook cross-domain pingen.

[ Voor 4% gewijzigd door Bosmonster op 28-01-2008 16:04 ]

maandag 28 januari 2008 16:06

Acties:

Verwijderd

RobIII schreef op maandag 28 januari 2008 @ 15:58:
XMLHttpRequest werkt niet* cross domain. Voila.

_{* Niet zonder een 'proxy' of ander kuns-en-vliegwerk}

Er bestaat een kant-en-klaar cross domain scriptje, van ene Bart Van der Donck. Meer info vind je hier:
http://www.ajax-cross-domain.com/

maandag 28 januari 2008 16:10

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Verwijderd schreef op maandag 28 januari 2008 @ 16:06:
[...]

Er bestaat een kant-en-klaar cross domain scriptje, van ene Bart Van der Donck. Meer info vind je hier:
http://www.ajax-cross-domain.com/

Dan zit je dus nog steeds te 'proxy-en'

quote: http://www.ajax-cross-domain.com/
The core engine of AJAX Cross Domain is written in Perl ...

En daarbij is dit niet de enige 'oplossing', er zijn er vele.

[ Voor 21% gewijzigd door RobIII op 28-01-2008 16:12 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

maandag 28 januari 2008 17:38

Acties:

g4wx3

Topicstarter

ik heb het voor elkaar gekregen!
De bedoeling was dus om lokaal een ping te doen naar internet, om te zien of er connectie is.
Omdat ik lokaal werk, kan ik alle security omzeilen door de extentie *.html te veranderen naar *.HTA
Daar had ik al wat ervaring mee, maar had er niet meteen aan gedacht.

Het volgende script heb ik gebakken:²

HTML:

<!-- IE in quirks mode  -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<HTA:APPLICATION
    navigable       =   "yes"
    singleinstance  =   "yes"
    sysmenu         =   "yes"
    contextmenu     =   "yes"
    ></HTA:APPLICATION>
<title>ping, with XMLHttpRequest</title>
<script type="text/javascript">
function load_javascript()
    {
    document.getElementById('ping_result').innerHTML= "Javascript Enabled" +  "<br>";
    }

function createRequestObject()
    {
    var request;
    if(window.XMLHttpRequest)
        {
        request = new XMLHttpRequest();
        }
    else if(window.ActiveXObject)
        {
        var ie_versions = [
            "MSXML2.XMLHttp.5.0",
            "MSXML2.XMLHttp.4.0",
            "MSXML2.XMLHttp.3.0",
            "MSXML2.XMLHttp",
            "Microsoft.XMLHttp"
            ];
        for(var i=0; i <ie_versions.length; i++ )
            {
            try {request = new ActiveXObject(ie_versions[i]);}
            catch (error) {}
            }
        }
    return request;
    }


function f_ping()
    {
    var http = createRequestObject();
    var_url = document.form_ping.input_url.value;
//  var_url = "http:\\\\127.0.0.1";
    document.getElementById('ping_result').innerHTML += "ping " + var_url  + "<br>";
    try
        {
        http.open('GET', var_url, true);
        http.onreadystatechange = function()
            {
            server_response = 404;
            if( this.readyState == 4 && this.status == 200 )
                {
                document.getElementById('ping_result').innerHTML += "OK: URL found" +  "<br>";
                }
            else
                {
                document.getElementById('ping_result').innerHTML += "Error: " + server_response + "<br>";
                }
            }
        http.send(null);
        }
    catch(e)
        {
        document.getElementById('ping_result').innerHTML += "Error: " + e +  "<br>";
        }
    return false;
    }
    </script>
</head>
<body onload="load_javascript()">
    <h1>ping, with XMLHttpRequest</h1>
    <form name="form_ping" action="javascript: void(0)" ><!-- method="get" onsubmit="return f_ping()"  //-->
    <input name="input_url" value="http://www.google.be/">
    <button onclick="f_ping()">ping</button>
    </form>
    <div id="ping_result">Error: Enable javascript</div>
</body>
</html>

* Dit is maar een voobeeld scriptje, maar het principe is wel duidelijk

Als er wel internet is, dan kun je uiteraard alles via de server doen, ALS die functies niet zijn uitgeschakeld op de server.

http://www.softfocus.be/

maandag 28 januari 2008 18:07

Acties:

g4wx3

Topicstarter

IVM met AJAX:

Een beetje meer research over XMLHttpRequest leverde me volgende pagina op:
http://www.ilinsky.com/articles/XMLHttpRequest/

Hier word uitgelegd waarom we een andere manier zoude moeten gebruiken voor XMLHtttpRequests
Voor degene die liever een brok code hebben:
Hier de manier hoe zij het zouden doen.
{ Of je deze manier gebruikt is natuurlijk totaal vrijblijvend..

}

JavaScript:

// Copyright 2007 Sergey Ilinsky (http://www.ilinsky.com)
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

(function () {

    // Save reference to earlier defined object implementation (if any)
    var oXMLHttpRequest = window.XMLHttpRequest;

    // Define on browser type
    var bGecko  = !!window.controllers,
        bIE     = window.document.all && !window.opera;

    // Constructor
    function cXMLHttpRequest() {
        this._object    = oXMLHttpRequest ? new oXMLHttpRequest : new window.ActiveXObject('Microsoft.XMLHTTP');
    };

    // BUGFIX: Firefox with Firebug installed would break pages if not executed
    if (bGecko && oXMLHttpRequest.wrapped)
        cXMLHttpRequest.wrapped = oXMLHttpRequest.wrapped;

    // Constants
    cXMLHttpRequest.UNSENT              = 0;
    cXMLHttpRequest.OPENED              = 1;
    cXMLHttpRequest.HEADERS_RECEIVED    = 2;
    cXMLHttpRequest.LOADING             = 3;
    cXMLHttpRequest.DONE                = 4;

    // Public Properties
    cXMLHttpRequest.prototype.readyState    = cXMLHttpRequest.UNSENT;
    cXMLHttpRequest.prototype.responseText  = "";
    cXMLHttpRequest.prototype.responseXML   = null;
    cXMLHttpRequest.prototype.status        = 0;
    cXMLHttpRequest.prototype.statusText    = "";

    // Instance-level Events Handlers
    cXMLHttpRequest.prototype.onreadystatechange    = null;

    // Class-level Events Handlers
    cXMLHttpRequest.onreadystatechange  = null;
    cXMLHttpRequest.onopen              = null;
    cXMLHttpRequest.onsend              = null;
    cXMLHttpRequest.onabort             = null;

    // Public Methods
    cXMLHttpRequest.prototype.open  = function(sMethod, sUrl, bAsync, sUser, sPassword) {

        // Save async parameter for fixing Gecko bug with missing readystatechange in synchronous requests
        this._async     = bAsync;

        // Set the onreadystatechange handler
        var oRequest    = this,
            nState      = this.readyState;

        // BUGFIX: IE - memory leak on page unload (inter-page leak)
        if (bIE) {
            var fOnUnload   = function() {
                if (oRequest._object.readyState != cXMLHttpRequest.DONE)
                    fCleanTransport(oRequest);
            };
            if (bAsync)
                window.attachEvent("onunload", fOnUnload);
        }

        this._object.onreadystatechange = function() {
            if (bGecko && !bAsync)
                return;

            // Synchronize state
            oRequest.readyState     = oRequest._object.readyState;

            //
            fSynchronizeValues(oRequest);

            // BUGFIX: Firefox fires unneccesary DONE when aborting
            if (oRequest._aborted) {
                // Reset readyState to UNSENT
                oRequest.readyState = cXMLHttpRequest.UNSENT;

                // Return now
                return;
            }

            if (oRequest.readyState == cXMLHttpRequest.DONE) {
                //
                fCleanTransport(oRequest);
// Uncomment this block if you need a fix for IE cache
/*
                // BUGFIX: IE - cache issue
                if (!oRequest._object.getResponseHeader("Date")) {
                    // Save object to cache
                    oRequest._cached    = oRequest._object;

                    // Instantiate a new transport object
                    cXMLHttpRequest.call(oRequest);

                    // Re-send request
                    oRequest._object.open(sMethod, sUrl, bAsync, sUser, sPassword);
                    oRequest._object.setRequestHeader("If-Modified-Since", oRequest._cached.getResponseHeader("Last-Modified") || new window.Date(0));
                    // Copy headers set
                    if (oRequest._headers)
                        for (var sHeader in oRequest._headers)
                            if (typeof oRequest._headers[sHeader] == "string")  // Some frameworks prototype objects with functions
                                oRequest._object.setRequestHeader(sHeader, oRequest._headers[sHeader]);

                    oRequest._object.onreadystatechange = function() {
                        // Synchronize state
                        oRequest.readyState     = oRequest._object.readyState;

                        if (oRequest._aborted) {
                            //
                            oRequest.readyState = cXMLHttpRequest.UNSENT;

                            // Return
                            return;
                        }

                        if (oRequest.readyState == cXMLHttpRequest.DONE) {
                            // Clean Object
                            fCleanTransport(oRequest);

                            // get cached request
                            if (oRequest.status == 304)
                                oRequest._object    = oRequest._cached;

                            //
                            delete oRequest._cached;

                            //
                            fSynchronizeValues(oRequest);

                            //
                            fReadyStateChange(oRequest);

                            // BUGFIX: IE - memory leak in interrupted
                            if (bIE && bAsync)
                                window.detachEvent("onunload", fOnUnload);
                        }
                    };
                    oRequest._object.send(null);

                    // Return now - wait untill re-sent request is finished
                    return;
                };
*/
                // BUGFIX: IE - memory leak in interrupted
                if (bIE && bAsync)
                    window.detachEvent("onunload", fOnUnload);
            }

            // BUGFIX: Some browsers (Internet Explorer, Gecko) fire OPEN readystate twice
            if (nState != oRequest.readyState)
                fReadyStateChange(oRequest);

            nState  = oRequest.readyState;
        };

        // Add method sniffer
        if (cXMLHttpRequest.onopen)
            cXMLHttpRequest.onopen.apply(this, arguments);

        this._object.open(sMethod, sUrl, bAsync, sUser, sPassword);

        // BUGFIX: Gecko - missing readystatechange calls in synchronous requests
        if (!bAsync && bGecko) {
            this.readyState = cXMLHttpRequest.OPENED;

            fReadyStateChange(this);
        }
    };
    cXMLHttpRequest.prototype.send  = function(vData) {
        // Add method sniffer
        if (cXMLHttpRequest.onsend)
            cXMLHttpRequest.onsend.apply(this, arguments);

        // BUGFIX: Safari - fails sending documents created/modified dynamically, so an explicit serialization required
        // BUGFIX: IE - rewrites any custom mime-type to "text/xml" in case an XMLNode is sent
        // BUGFIX: Gecko - fails sending Element (this is up to the implementation either to standard)
        if (vData && vData.nodeType) {
            vData   = window.XMLSerializer ? new window.XMLSerializer().serializeToString(vData) : vData.xml;
            if (!this._headers["Content-Type"])
                this._object.setRequestHeader("Content-Type", "application/xml");
        }

        this._object.send(vData);

        // BUGFIX: Gecko - missing readystatechange calls in synchronous requests
        if (bGecko && !this._async) {
            this.readyState = cXMLHttpRequest.OPENED;

            // Synchronize state
            fSynchronizeValues(this);

            // Simulate missing states
            while (this.readyState < cXMLHttpRequest.DONE) {
                this.readyState++;
                fReadyStateChange(this);
                // Check if we are aborted
                if (this._aborted)
                    return;
            }
        }
    };
    cXMLHttpRequest.prototype.abort = function() {
        // Add method sniffer
        if (cXMLHttpRequest.onabort)
            cXMLHttpRequest.onabort.apply(this, arguments);

        // BUGFIX: Gecko - unneccesary DONE when aborting
        if (this.readyState > cXMLHttpRequest.UNSENT)
            this._aborted   = true;

        this._object.abort();

        // BUGFIX: IE - memory leak
        fCleanTransport(this);
    };
    cXMLHttpRequest.prototype.getAllResponseHeaders = function() {
        return this._object.getAllResponseHeaders();
    };
    cXMLHttpRequest.prototype.getResponseHeader = function(sName) {
        return this._object.getResponseHeader(sName);
    };
    cXMLHttpRequest.prototype.setRequestHeader  = function(sName, sValue) {
        // BUGFIX: IE - cache issue
        if (!this._headers)
            this._headers   = {};
        this._headers[sName]    = sValue;

        return this._object.setRequestHeader(sName, sValue);
    };
    cXMLHttpRequest.prototype.toString  = function() {
        return '[' + "object" + ' ' + "XMLHttpRequest" + ']';
    };
    cXMLHttpRequest.toString    = function() {
        return '[' + "XMLHttpRequest" + ']';
    };

    // Helper function
    function fReadyStateChange(oRequest) {
        // Execute onreadystatechange
        if (oRequest.onreadystatechange)
            oRequest.onreadystatechange.apply(oRequest);

        // Sniffing code
        if (cXMLHttpRequest.onreadystatechange)
            cXMLHttpRequest.onreadystatechange.apply(oRequest);
    };

    function fGetDocument(oRequest) {
        var oDocument   = oRequest.responseXML;
        // Try parsing responseText
        if (bIE && oDocument && !oDocument.documentElement && oRequest.getResponseHeader("Content-Type").match(/[^\/]+\/[^\+]+\+xml/)) {
            oDocument   = new ActiveXObject('Microsoft.XMLDOM');
            oDocument.loadXML(oRequest.responseText);
        }
        // Check if there is no error in document
        if (oDocument)
            if ((bIE && oDocument.parseError != 0) || (oDocument.documentElement && oDocument.documentElement.tagName == "parsererror"))
                return null;
        return oDocument;
    };

    function fSynchronizeValues(oRequest) {
        try {   oRequest.responseText   = oRequest._object.responseText;    } catch (e) {}
        try {   oRequest.responseXML    = fGetDocument(oRequest._object);   } catch (e) {}
        try {   oRequest.status         = oRequest._object.status;          } catch (e) {}
        try {   oRequest.statusText     = oRequest._object.statusText;      } catch (e) {}
    };

    function fCleanTransport(oRequest) {
        // BUGFIX: IE - memory leak (on-page leak)
        oRequest._object.onreadystatechange = new window.Function;

        // Delete private properties
        delete oRequest._headers;
    };

    // Internet Explorer 5.0 (missing apply)
    if (!window.Function.prototype.apply) {
        window.Function.prototype.apply = function(oRequest, oArguments) {
            if (!oArguments)
                oArguments  = [];
            oRequest.__func = this;
            oRequest.__func(oArguments[0], oArguments[1], oArguments[2], oArguments[3], oArguments[4]);
            delete oRequest.__func;
        };
    };

    // Register new object with window
    window.XMLHttpRequest   = cXMLHttpRequest;
})();

http://www.softfocus.be/

maandag 28 januari 2008 18:14

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Ik zie niet wat dit "cross-domain" oplost

En daarbij vind ik je topictitel wat raar; een ping is immers een ICMP pakket; grote jongen als je dat verstuurt vanuit je browser

Wat je nu doet is gewoon kijken of er een webserver draait en of je daar een status 200 van terug krijgt. Als die webserver niet draait (of een 404 teruggeeft of whatever) wil dat niet zeggen dat een ping zou 'falen'.

g4wx3 schreef op maandag 28 januari 2008 @ 15:57:
Ik probeer lokaal te pingen om te zien of ik internet connectie heb.

Ik snap wel wat je bedoeling is, maar zelfs als een ping faalt kun je prima een internet connectie hebben

[ Voor 72% gewijzigd door RobIII op 28-01-2008 18:20 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

dinsdag 29 januari 2008 16:07

Acties:

Verwijderd

Persoonlijk zou ik eerder voor een dns lookup gaan dan voor ping. Ping kan geblokt worden, dns is toch (bijna) noodzakelijk om te werken met internet. Denk alleen dat dat niet gaat werken met AJAX...

dinsdag 29 januari 2008 16:21

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Verwijderd schreef op dinsdag 29 januari 2008 @ 16:07:
Persoonlijk zou ik eerder voor een dns lookup gaan dan voor ping. Ping kan geblokt worden, dns is toch (bijna) noodzakelijk om te werken met internet. Denk alleen dat dat niet gaat werken met AJAX...

Een AJAX request is (in principe) gewoon een HTTP request; waarom zou die geen DNS gebruiken?

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Pagina: 1

Reageer