Special function to handle ajax requests malfunctioning

Question

Special function to handle ajax requests malfunctioning

I am seeking to develop a unique function for AJAX post requests.

Below is the existing source code:

function handleAjax(url, data) {

  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        return xhr.responseText;
    }
  };
  xhr.open("POST", url, true);
  xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhr.send(data);

}

console.log(handleAjax('shipment.php', 'fname=test1&lname=test2'));

However, there seems to be an issue as the console displays "undefined".

If I replace `return` with `alert()` it works fine. So, why isn't `return` working in this case?

javascript ajax

Answer 1

Answer №1

It appears that the function doAjax does not have a return value. By assigning

xhttp.onreadystatechange = function() {...};

, you are essentially setting up an event handler that will only execute when the specified event occurs. To ensure your desired actions take place, they must be included or triggered within this callback function.

Answer 2

It appears that the function doAjax does not have a return value. By assigning

xhttp.onreadystatechange = function() {...};

, you are essentially setting up an event handler that will only execute when the specified event occurs. To ensure your desired actions take place, they must be included or triggered within this callback function.

Special function to handle ajax requests malfunctioning

Answer №1

Similar questions

Choose all the checkboxes alongside the markers on Google Maps

How can I update data in Select2 after it has been initialized?

jquery token selection dropdown box

Getting data from jquery.ajax() in PHP - A comprehensive guide

Issue with page not updating after local storage change and returning to previous page

What is the best way to update a collection item while maintaining non-existing values in the query?

Ways to segment into a proper array

Populate HTML form with return values using jQuery AJAX

The issue of 'MessageChannel not defined' arises specifically on web pages that have implemented reCaptcha v2

What is causing the click event handler to only function on the initial page?

Styling for the DataTable disappears upon loading jQuery

Check out how to utilize the jQuery .ajax Post method in a function

The data I am trying to obtain is not being returned by my hook as expected

The script fails to work correctly when displaying the data

How can I use jQuery to choose and manipulate the text in my textbox within a repeater?

Guide to Subscribing to a nested observable with mergeMap within a button's click event

Creating a realistic typewriter effect by incorporating Code Block as the input

The back button functionality in Android cannot be altered or overridden using JavaScript

Using AJAX to dynamically edit and update PHP data

Ways to retrieve the highest date value in an array