jquery ajax error {“readyState”:0,“responseText”:“”,“status”:0,“statusText”:“error”}

Question

I am trying to do an ajax request

$.ajax({
  type: \"post\",
  url: \"download.php\",
  error: function(data, status, err){
           alert(JSON.stringify(d         


        

Answer 1

The element that was calling this was an anchor tag that would call this then download an exe file and when the file download dialog box poped up it would cancel this request as if it were navigating to a new page.

I changed it to

function download(fileid, href)
{
    $.post("download.php", {task: "download", fileid: fileid}, function(data){
        window.location.href = href;
    });
}

<a onclick="download(1, file.exe);return false;" href="file.exe">Download</a>

Answer 2

I have just wasted 3 hours of my time until I found out what was causing ajax to fail with readyState: 0 in my case.

The problem was due to the usage of application-cache. In the manifest-file I was missing

Network: *

This prevented the requested page from being loaded, without any meaningful error message. Even though this may not be the reason for ajax to fail in most cases, I hope it will save at least some people who made the same mistake.

Answer 3

I was getting the same error:

"readyState: 0"
"responseText: undefined"
"status: 0"
"text status: error"
"error: "

In my case, one Firefox Browser works perfectly and another Firefox Browser with the same version was giving me this error without even making the ajax call.

The solution was to disable an Adblocker Add-On in my browser.

Answer 4

I came across the same issue: how to register every time a user click the link.

The problem is infact that if you don't stop the pop up, the ajax request doesn't complete and you get readyState: 0!

I've done another version of the above that maybe is more readable (even if more verbose)

/*  --------------------------------------------------------------------------
 *  Before that add 'downloads' class to every anchor tag (link) in your page
 *  This script does the rest
 *  
 *  remember to change 'your_php_file' with the one you use
 *  -------------------------------------------------------------------------- */

$(document).ready( function()
{

    // Check if there is any link with class 'downloads'
    if ( typeof $('.downloads') != 'undefined' )
    {
        var links = $('.downloads');

        // Run this for every download link
        for ( var i = 0; i < links.length; i++ )
        {   
            // Set click behaviour
            links[i].onclick = function(e)
            {
                // Get download name
                var attr = this.attributes,
                    href = attr.href.textContent,
                    elem = href.split('/'),
                    elem = elem[elem.length - 1];

                // Send the download file name and only after completing the request let the user download the file
                $.ajax(
                {
                    type : "POST",
                    dataType : "text",
                    // 'your_php_file' must be an ABSOLUT or RELATIVE path!
                    url: your_php_file,
                    // 'elem' is a variable containing the download name
                    // you can call it in your php file through $_POST['download_name']
                    data: { download_name: elem },
                    // here we go magic:
                    // after the request is done run the popup for the download
                    complete: function()
                    {
                        window.location.href = href;
                    }
                });

                // Stop default behaviour until ajax request has been done
                e.preventDefault();
            };
        }
    }
});