Not working in Firefox and Safari

Question

0.00/5 (No votes)

See more:

Hi

I have the following codes:

JavaScript

function addItem(str) {
	if (str=="") {
		document.getElementById("txtHint").innerHTML="";
		return;
	} 
	if (window.XMLHttpRequest) {
		// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	} else { // code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
			document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET","checkinout-actions/add-more-items-code.php?q="+str,true);
	xmlhttp.send();
	window.location.reload();
}

It is working in Google Chrome but the other browsers mentioned in the title it is not working.

Can you please help me out.

Thank you so much!

Posted 8-May-15 20:25pm

Michelle Anne E. Rigor

Add a Solution

Comments

Afzaal Ahmad Zeeshan 9-May-15 2:34am

Actually it should work. The technologies are standard based and are not a problem for any of the browser. General problems occurring here would be,

1. Your browser is preventing the requests
2. Browser believes that the request is malicious
3. Browser doesn't allow cross-site origin requests and is cancelling the requests

A few of the options would include that you press F12 and debug the application in browser and see which problem occurs. If the event gets raised (ajax request is initiated) then you will get a log, and also you will be able to see what happened.

Michelle Anne E. Rigor 9-May-15 2:58am

There was no error when I tried F12.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Mehdi Gholam · Accepted Answer · 2015-05-08T20:35:00

Solution 1

Try this :

JavaScript

var request = new XMLHttpRequest();
request.open('GET', "checkinout-actions/add-more-items-code.php?q="+str);

request.onreadystatechange = function () {
    if (request.readyState == 1) { return }
    else if (request.readyState == 4) {
        if (request.status < 400) {
            // do your stuff here
            document.getElementById("txtHint").innerHTML=request.responseText;
        }
        else if (error != null)
            error(request);
    }
};
request.send();

Posted 8-May-15 20:35pm

Mehdi Gholam

Updated 8-May-15 21:03pm

v2

Comments

Michelle Anne E. Rigor 9-May-15 2:57am

I do not understand the code. how will the php page be opened?

Mehdi Gholam 9-May-15 3:03am

See the updated solution.

Michelle Anne E. Rigor 9-May-15 3:10am

The codes works but the page does not seem to update after I change the value. The codes are connected to a dropdown/select. Then when the value of the select changes the page should update.

Mehdi Gholam 9-May-15 3:13am

Try debugging your js under chrome to see what (not)is happening.