JavaScript fails on sending GET requests to my server

Question

I have this code:

function httpGetAsync(theUrl, callback)
{
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() { 
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            callback(xmlHttp.responseText);
    }
    xmlHttp.open("GET", theUrl, true); // true for asynchronous 
    xmlHttp.send(null);
}

 httpGetAsync("http://myserver.com/test.php/?u=test&p=testtest");

when I try to run it on Firefox's console, I get:

NetworkError: A network error occurred.

Why does this happen? How can I fix this?

what is filename you are submitting your request to? It's not incuded in URL path. — Hamza Rashid, Apr 08 '17 at 19:14
@HamzaRashid `ŧest.php` is the filename I'm submitting my request to. — WayneXMayersX, Apr 08 '17 at 19:14
make sure your file is present on the server and is publically accessible. — Hamza Rashid, Apr 08 '17 at 19:15
@HamzaRashid it is. I already tried to manually send the request using the browser, and it worked perfectly. — WayneXMayersX, Apr 08 '17 at 19:16
there shouldn't be `/` between filename `test.php` and `?`. it should be `http://myserver.com/test.php?u=test&p=testtest` — Hamza Rashid, Apr 08 '17 at 19:17
i suggest you run your `JS` code on localhost instead of Firefox console. — Hamza Rashid, Apr 08 '17 at 19:21
Also, fetch. https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch — Daniel Herr, Apr 08 '17 at 19:22
@HamzaRashid what changes? I don't have a webserver because I don't need to. I need to send my GET request from my extension, but I'm trying to run it in the console firstly; it doesn't work yet. — WayneXMayersX, Apr 08 '17 at 19:22
Do you know XMLHttpRequest require server environment to run successfully something like `WAMP/MAMP/LAMP`, `NodeJS` etc in case of localhost or live host. — Hamza Rashid, Apr 08 '17 at 19:23
@HamzaRashid I don't want it to require a server. How can I send a GET request without this? — WayneXMayersX, Apr 08 '17 at 19:24
Sending request is fine, you can simply send `GET` request by visiting your URL in browser location bar. Request sends request ok. But problem is when you get response. Response requires hosting environment. — Hamza Rashid, Apr 08 '17 at 19:26
@HamzaRashid I don't need a response. I need to make just the request to my server. Copying/pasting my URL on my browser location bar shows me it works. — WayneXMayersX, Apr 08 '17 at 19:29
Now you made clear that you are developing a browser extension. See my answer below. — Hamza Rashid, Apr 08 '17 at 19:36

score 2 · Accepted Answer · edited May 23 '17 at 12:32

2

Sending GET request if you are developing a browser extension

Go to your manifest.json file and add permission for www.example.com:

{
    "name": "My extension",
    ...
    "permissions": [
        "http://www.example.com/*"
    ],
    ...
}

Then in your background page (or somewhere else) you can do:

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://www.example.com/test.php?foo=bar", false);
xhr.send();

var result = xhr.responseText;

Reference

How do I send an HTTP GET request in chrome extension?

edited May 23 '17 at 12:32

Community

1
1

answered Apr 08 '17 at 19:33

Hamza Rashid

1,329
15
22

pleasure helping you. – Hamza Rashid Apr 08 '17 at 19:40

JavaScript fails on sending GET requests to my server

1 Answers1