How to know which URL is being requested on AJAX function?

Question

I have a button in which I call an AJAX function:

<button class="loadProduct" onclick="loadProduct(7)" type="button">Load product</button>

and this is my AJAX function:

var loadProduct = function (idProduct) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function () {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
            var product = JSON.parse(xhttp.responseText);

            alert(product);

        }
        xhttp.open("GET", "http://localhost/product/loadProduct/" + idProduct, true);
        xhttp.send();
    };
};

in which it should send a request to the server and get the product but it does not show the alert.

I thought it was something related with the data response, but if I go directly to the link

http://localhost/product/loadProduct/7

I get the following response:

{"idProduct":"7","name":"product7"}

so I suspect that the AJAX function is not calling to this link because the response is being send correctly (if you access to it directly).

How can I know if the AJAX function is calling to the correct link?
Or is it an error with the AJAX function?

Thanks in advance!

Emil S. Jørgensen · Accepted Answer · 2016-06-15 09:31:27Z

2

You need to move your actual call outside of the onreadystatechange function:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
  if (xhttp.readyState == 4 && xhttp.status == 200) {
    var product = JSON.parse(xhttp.responseText);
  }
};
xhttp.open('GET', 'http://localhost/product/loadProduct/' + 1, true);
xhttp.send();

answered Jun 15, 2016 at 9:31

Emil S. Jørgensen

6,3891 gold badge17 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Francisco Romero Over a year ago

You are the best! Thank you very much! What a mistake!

user1049961 · Accepted Answer · 2016-06-15 09:24:27Z

2

Just open the console and check the request...

answered Jun 15, 2016 at 9:24

user1049961

2,7469 gold badges40 silver badges69 bronze badges

2 Comments

Francisco Romero Over a year ago

It is not being shown any AJAX call or maybe I am searching in the wrong place. I am using Google Chrome and go to Network tab.

Emil S. Jørgensen Over a year ago

Most browsers has a developer console you can use to see these thing. Here is Mozilla Firefoxs: link

Collectives™ on Stack Overflow

How to know which URL is being requested on AJAX function?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related