Leveraging XMLHttpRequest in Mozilla Extension creation

Question

Leveraging XMLHttpRequest in Mozilla Extension creation

I'm encountering some issues when trying to call a PHP file using Ajax in my Mozilla Extension. Both the JavaScript (Ajax) and PHP files are located in the directory /myextension/content. Here is the function I use to make the Ajax call:


function ajaxFunction(){
    var req = new XMLHttpRequest();
    req.open('GET', 'myphp.php', true);
    req.onreadystatechange = function (aEvt) {
      if (req.readyState == 4) {
         if(req.status == 200)
          alert(req.responseText);
         else
          alert("Error\n");
      }
    };
    req.send(null);
}

And this is how my PHP file looks like:


<? php 
echo "Server Received with thanks!";
?>

However, when I try to run the code, I keep getting an "alert("Error\n");". Can anyone spot what I might be doing wrong?

javascript ajax firefox

Answer 1

Answer №1

Here is a properly structured Ajax script specifically for Firefox:

var URL="http://yourwebsite.com/Process.php?value=Example";
var xhr = null;

try 
{
    xhr = new XMLHttpRequest();
}
catch(e)
{return;}

xhr.onreadystatechange=function()
{
    if ((xhr.readyState == 4 || xhr.readyState == "complete") && xhr.status == 200)
    {
        //Add your success logic here
    }
    else if (xhr.status == 404)
    {
        //Handle errors
    }
    else 
    {
        //Code to execute while waiting
    }
}

xhr.open("GET", URL, true);
xhr.send(null);

Answer 2

Here is a properly structured Ajax script specifically for Firefox:

var URL="http://yourwebsite.com/Process.php?value=Example";
var xhr = null;

try 
{
    xhr = new XMLHttpRequest();
}
catch(e)
{return;}

xhr.onreadystatechange=function()
{
    if ((xhr.readyState == 4 || xhr.readyState == "complete") && xhr.status == 200)
    {
        //Add your success logic here
    }
    else if (xhr.status == 404)
    {
        //Handle errors
    }
    else 
    {
        //Code to execute while waiting
    }
}

xhr.open("GET", URL, true);
xhr.send(null);

Leveraging XMLHttpRequest in Mozilla Extension creation

Answer №1

Similar questions

Retrieve the most recent version of the document stored in MongoDB

Word.js alternative for document files

Is there a way for me to verify if I have already made an AJAX data request

Conceal cash on delivery payment option in WooCommerce checkout by customizing select field options

Please indicate the IP address and host in the AJAX request

Identifying when an element hovers over a particular section

Guide on how to streamline JSON output from aggregation result

Is there a way to retrieve an ASP element with runat="server" using JavaScript?

What is the best way to automatically log out a user when a different user logs in on the same browser?

Instructions on how to dynamically update a form field based on the input in another field using conditional statements

What purpose does "Phaser.Display.Align.In.Center" serve when we already have the function `setOrigin` available?

Tips for utilizing ajax function to refresh database entries

The revalidation feature in Next.js' getStaticProps function does not seem to be

Creating printable reports using Jspdf with data from SlickGrid

Sending a variable from JavaScript to an external PHP file

Return to the previous location on the page when clicking the browser's back button

Enable lodash access throughout a React Native application

How to transfer a PHP array encoded in JSON to a JavaScript function

Display list items in HTML based on the length of an array

Multiple button clicks causing events to fire repeatedly