Status 0 when making an XMLHttpRequest

Hey there, I'm having some trouble with XMLHttpRequest. When I call xmlhttp.send(post), the response I receive shows xmlhttp with state 1 and status 0. I understand that state 1 means the server connection is established, but why is the status showing as 0? Unfortunately, it seems like the other side isn't receiving my request.

function ajaxRequest(method, url, post, callback_fn){
    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");
    }
    xmlhttp.open(method,url,true);
    if (method=="POST"){
        xmlhttp.setRequestHeader("Content-Type", "text/plain; charset=UTF-8");
        xmlhttp.setRequestHeader("Content-Length", post.length);
    }
    xmlhttp.send(post);
    console.log("xmlhttp.readyState = " + xmlhttp.readyState); // = 1
    console.log("xmlhttp.status = " + xmlhttp.status); // = 0
}

Can anyone offer some assistance?

javascriptxmlhttprequestajax-request

Answer №1

When the state changes, the onreadystatechange event will be triggered. It is only at this point that you can examine the statusCode of the request (such as 200 or 404).

function initiateAjaxRequest(method, url, post, callback_fn){
    var xmlhttp;
    if (window.XMLHttpRequest) { // Support for modern browsers
        xmlhttp=new XMLHttpRequest();
    } else { // Fallback for old IE versions
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4) {
            console.log("The status of the request is: " + xmlhttp.status);
        }
    }

    xmlhttp.open(method,url,true);
    if (method=="POST"){
        xmlhttp.setRequestHeader("Content-Type", "text/plain; charset=UTF-8");
        xmlhttp.setRequestHeader("Content-Length", post.length);
    }
    xmlhttp.send(post);
}

Answer №2

Try avoiding clicking and observe if the status zero issue ceases.

onclick="ajaxRequest(...); return false;"

The challenge lies in the page refreshing and terminating the Ajax request.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

By default, the function is triggered automatically upon clicking the button

I am encountering an issue with the code provided below. The testFunction is being executed automatically when the button click event occurs (default behavior of the CMS I'm using). However, I would like to override this behavior and prevent the testF ...

javascriptjquery

Struggling to properly access an object in EJS template engine

I am encountering an issue with an object I am passing into my EJS template, as I keep receiving an error message stating Cannot read property 'link' of undefined. Below is the object and the corresponding template code. Upon logging the object, ...

javascriptnode.jsejs

The method to disable the dropdown for a select tag in a Polymer Dom-module is not functioning properly

I need help modifying the country dropdown based on a value retrieved from backend code If the disabled_value is 0, I want to hide the dropdown and make it unselectable If the disabled_value is 1, I want to enable the dropdown for selecting countries &l ...

javascripthtmljquerytemplatesdom

Oops! Module './api/routers' not found

Hello, I hope everyone is doing well... Currently, I am working on developing a NextJS single-page web application. To create a custom server for NextJs, I am utilizing Express, MongoDB, and nodemon for hot reload functionality. Upon starting the server, ...

javascriptnode.jsreactjsexpressnext.js

Express status code being disregarded by jQuery

I'm working on an application that requires form validation using AJAX. It's a simple process really. Upon form submission, I send a post request to a URL hosted on a Node.js server and use Express for routing. If the data fails to meet the valid ...

javascriptjqueryajaxpostexpress

How to display an [object HTMLElement] using Angular

Imagine you have a dynamically created variable in HTML and you want to print it out with the new HTML syntax. However, you are unsure of how to do so. If you tried printing the variable directly in the HTML, it would simply display as text. This is the ...

javascripthtmlangulartypescriptcomponents

Customized function enabling dynamic menu display based on varying screen dimensions

Looking for assistance with JS and jQuery as I am relatively new to it. Any help would be greatly appreciated... I'm currently working on a responsive header where I want to implement onclick functions for mobile and tablet resolutions only. I' ...

javascripthtmljquerycssjquery-events

The click event is malfunctioning. Could someone demonstrate the correct way to troubleshoot this issue?

I encountered an error message that says: Uncaught ReferenceError: toFahrenheit is not defined at HTMLInputElement.onclick I am currently investigating the root cause of this issue, but more importantly, I am seeking guidance on the steps to follow in or ...

javascripthtmldomonclick

Ways to eliminate the top space in the background image

After implementing a basic HTML code to add a background image to my webpage, I noticed there is still some empty space at the top of the page. I attempted to adjust the position of the background image using the following code, but it only lifted it upwar ...

javascripthtmlcss

Execute the Javascript function only if the checkbox is unchecked

I need help determining how to activate a Javascript function only when a checkbox is left unchecked. Below is the checkbox in question: <input type="checkbox" id="icd" name="icd" value="icd" /> This is the f ...

javascriptcheckboxdom-events

Retrieve and manage information from a database using node.js and express

I am currently working on developing a jQuery mobile application and have set up a Linux server with node.js and express. The authentication process seems to be working properly, as well as the connection to another database server. However, I am facing a ...

javascriptjqueryjsonnode.jsexpress

Sorting sequential values in an array using JavaScript.Would you like me to

Looking for help with organizing an Array: var arr = ['a','a','b','b','b','c','d','d','a','a','a']; I am aiming to achieve the following output: ...

javascriptarrays

Customizable form fields in AngularJS

Consider the scenario of the form below: First Name: string Last Name: string Married: checkbox % Display the following once the checkbox is selected % Partner First Name: Partner Last Name: [Submit] How can a form with optional fields be created in Angu ...

javascripthtmlangularjsforms

Ways to identify when a browser has disabled JavaScript and present a notification

Is there a way to detect if JavaScript is disabled in the browser and show an error div instead of the body? ...

javascriptjqueryhtmlnoscript

What is the best way to combine and calculate elements in an array that is nested within an array using a specific condition or rule?

I have a JavaScript array of arrays with different data types that looks like this: let bigArray = [["A", "B", 221.67],["C", "B", 221.65],["B", "D", 183.33],["B", "A", 4900],[ ...

javascriptarraysdata-structuresmergereduce

What could be the reason for the onClick event functioning only once in HTML?

Below is the code snippet containing both HTML and JavaScript. However, the issue I am facing is that the onclick event only seems to work for the first <li>. <!DOCTYPE html> <html> <body> <ul class="list"> <li ...

javascriptjqueryhtml

What is the best way to showcase mandatory HTML 5 within a Vue component?

Here is an example of my Vue component: <template> <div> ... <form class="form-horizontal" id="form-profile"> ... <input type="number" class="form-control" required> ... ...

javascriptjqueryvue.jsvuejs2vue-component

Is there a way to temporarily halt a jQuery animation for 2 seconds before automatically resuming it, without relying on mouse-over or mouse-out triggers?

With just one scrolling image implemented in jQuery, the logos of clients are displayed continuously in a scrolling box with no pauses. Speed can be adjusted easily, but pausing and then resuming the animation after 2 seconds seems to be a challenge whic ...

javascriptjqueryasp.net-mvcajaxanimation

AngularJS's $http.get function has the ability to read text files, but it struggles with reading JSON

I'm new to angularjs and I am struggling to retrieve data from a json file using the $http.get method. It seems to work fine when I try to read a simple txt file, but not with the json file. I can't seem to pinpoint where the issue lies... Belo ...

javascriptjsonangularjsvisual-studio

The userscript causes interference with itself when it is opened on multiple tabs simultaneously

I'm facing an issue with Greasemonkey 3.17 on FF56 and Tampermonkey on Vivaldi that doesn't seem to have any solution on Google. Here's an example script: // ==UserScript== // @name stackoverflow.com // @namespace siod87gbnwf87rns ...

javascriptgreasemonkeyuserscriptstampermonkey