Sending object as a parameter to onreadystatechange

Question

Sending object as a parameter to onreadystatechange

Is there a way to make the AJAX callback trigger the alert() function within myFunction and display "It worked"? How can I reference the myobject object as 'this' in ajaxResponse?

function myobject() {
    this.val = "worked";

    http.onreadystatechange = function ajaxResponse() {
        if (http.readyState == 4) {
            this.myFunction();
        }

        http.send(null);  
    }

    myobject.prototype.myFunction = function() {
    alert("it "+this.val);
}

javascript ajax oop

Answer 1

Answer №1

To associate the parent object with the xhr object, simply add it as a property:

xhr.parent = this; // Add the parent here
xhr.onreadystatechange = function handleResponse()
{
    if (xhr.readyState == 4)
        console.log(this.parent.value) // Retrieve it here
}

Answer 2

To associate the parent object with the xhr object, simply add it as a property:

xhr.parent = this; // Add the parent here
xhr.onreadystatechange = function handleResponse()
{
    if (xhr.readyState == 4)
        console.log(this.parent.value) // Retrieve it here
}

Answer 3

Answer №2

When working with closures in JavaScript, it's important to understand that variables defined in the parent function can be retained in memory even after the parent function has completed its execution. One way to approach this is by assigning the parent context to a temporary variable:

var objTmp = this;

This allows you to access the parent context within the closure. Another approach is to use a self-executing function to pass the parent context explicitly:

http.onreadystatechange = (function(objTmp){
                         return 
                             function ajaxResponse{alert(objTmp.value)}
                       })(this)

Answer 4

When working with closures in JavaScript, it's important to understand that variables defined in the parent function can be retained in memory even after the parent function has completed its execution. One way to approach this is by assigning the parent context to a temporary variable:

var objTmp = this;

This allows you to access the parent context within the closure. Another approach is to use a self-executing function to pass the parent context explicitly:

http.onreadystatechange = (function(objTmp){
                         return 
                             function ajaxResponse{alert(objTmp.value)}
                       })(this)

Sending object as a parameter to onreadystatechange

Answer №1

Answer №2

Similar questions

What is the best way to achieve the functionality of this ajax jquery using vanilla JavaScript?

The journey of a JavaScript file within an iframe devoid of any src attribute

What steps can be taken to prevent relying on static file names in the code

When the second history.push is triggered in react-router-dom, it may result in returning an

The Storybook compilation consistently encounters errors

Can someone show me how to use the IN operator in a PostgreSQL query in an Express.js (Node.js

What is the method for presenting an integer column from a specific table to a user on the front end as a series that automatically increments from 1?

Create an array and populate it using a for loop

"Enhancing Event Handling with JQuery Delegate on Internet Explorer

Making sure that a commitment does not come to fruition

Transfer data between PHP files seamlessly using Jquery

Execute a function upon pressing the enter key

Combining MVC4 with the power of Ajax and jQuery 2

Changing text and applying a different span class using a Jquery button toggle

Learn how to utilize AJAX in a JSF input textbox to dynamically update a h:selectOneRadio component

Launching the webpage with Next.js version 13

What are some techniques for styling the content within a table?

In the event that the get request fails, go ahead and clear the

Transcluding an element into an ng-repeat template in AngularJS: How can it be done?

Entering a string into Angular