JQuery to test if URL is accessible

Question

JQuery to test if URL is accessible

2.4k Views Asked by user641399 At 10 April 2025 at 17:20

We are trying to determine whether it's possible to attempt to fetch a file/data from another domain (but trusted) via jQuery and determine whether the item was successfully fetched. In other words via this method we would want to test whether the user has set up this site as a trusted site in their browser. We did a test via img.src=[image on the 'another domain'], but it always succeeded. i.e. it didn't request authentication whether the trust was in place or not. So we are now looking for another solution / recommendation..

Thanks

Original Q&A

There are 2 best solutions below

**Manse** · Answer 1

You could use the following plugin - http://binarykitten.me.uk/dev/jq-plugins/88-jquery-plugin-ajax-head-request.html

The function calls the passed url, passing the data and then processes the headers on completion.

you will get a status code of 200 if the user can access the site - ie they are authenticated. You will receive a status code of 401 if they are not

HTTP Status codes : http://w3.org/Protocols/rfc2616/rfc2616-sec10.html

**user641399** · Answer 2

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Show Content</title>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript"> 
            $(document).ready(function() {
                // this script resides on aaaa.yyyyy.domain.com
                document.domain='yyyy.domain.com';
                // call to trusted site
                var urlx="http://bbbb.yyyy.domain.com";

                // turn on x dom calls
                jQuery.support.cors = true; 

                // Launch AJAX request.
                $.ajax(
                    {
                        url: urlx,

                        // The type of request.
                        type: "head",

                        // The type of data that is getting returned.
                        dataType: "html",

                         error:function 
                         (xhr, ajaxOptions, thrownError){  
                            ShowStatus( "Call to URL: '"+urlx+ "' Failed "+xhr.status+" "+thrownError);
                         },
                        success: function( strData ){
                            ShowStatus( "Call to URL: '"+urlx+ "' Success");
                        }
                    }
                );
            });

            function ShowStatus( strStatus ){
                var jStatusList = $( "#ajax-status" );
                jStatusList.prepend( "<p>" + strStatus + "</p>" );
            }
        </script> 
    </head>
    <body>
        <div id="ajax-status" ></div>
    </body>
</html>

JQuery to test if URL is accessible

There are 2 best solutions below

Related Questions in JQUERY

Related Questions in AUTHENTICATION

Related Questions in TRUSTED

Trending Questions

Popular # Hahtags

Popular Questions