how to run ajax in chrome?

Question

1.00/5 (1 vote)

See more:

i can't run ajax through my chrome via --disable-web-security, what should I do?
this is my code:

HTML

<html>
<head>
<script type="text/javascript">

function runJsAsynch(url){
	var xmlhttp=new XMLHttpRequest();
	xmlhttp.onreadystatechange = process;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);		
}

function process(){
	if(this.readyState == 4){
		if(this.status == 200){
			eval(this.responseText);
		}
		else{
			window.alert("Error "+ xmlhttp.statusText);
		}
	}
}

</script>
</head>
<body>
	<button type="button" onclick="runJsAsynch('msg1.js')">Alert Message</button>
	<button type="button" onclick="runJsAsynch('msg2.js')">HTML Message</button>
</body>
</html>

Posted 30-Apr-14 4:06am

Coder93

Updated 30-Apr-14 4:17am

v2

Add a Solution

Comments

Kornfeld Eliyahu Peter 30-Apr-14 10:08am

Explain yourself...Maybe some code and explanation of 'I can't' will help us understand what is your problem...

Coder93 30-Apr-14 10:36am

I have added my code to my question.

Kornfeld Eliyahu Peter 30-Apr-14 11:41am

Good, now explain what your problem, as I was able to run this code in Chrome with and without --disable-web-security flag!

Coder93 30-Apr-14 11:51am

it always run "window.alert("Error "+ xmlhttp.statusText);"

Kornfeld Eliyahu Peter 30-Apr-14 11:53am

It means you never get status 200. What status do you get?

Coder93 30-Apr-14 11:57am

It doesn't have any status!

Kornfeld Eliyahu Peter 30-Apr-14 12:01pm

Do you mean it has no statusText I think...

Kornfeld Eliyahu Peter 30-Apr-14 12:10pm

I have an idea - remove the else part with the error (not all calls to process with status different from 200 is an error)...

Coder93 30-Apr-14 12:15pm

I replace the else part with "window.alert(" "+ xmlhttp.statusText);", when I run it and click on the button, nothing happen!

Kornfeld Eliyahu Peter 30-Apr-14 12:18pm

No. Do it like this:
function process() {
if((this.readyState == 4) && (this.status == 200)) {
eval(this.responseText);
}
}

Coder93 30-Apr-14 12:36pm

I do this, nothing happend!

Kornfeld Eliyahu Peter 30-Apr-14 12:39pm

Do you have msg1.js and msg2.js? Where? What code do you have in it?

Coder93 30-Apr-14 13:18pm

they are some JS file:
msg1 : window.alert("Hi, I am a window.alert Message");
msg2 :
var newp = document.createElement("p");
newp.innerHTML="I am a HTML message";
b = document.getElementsByTagName("body")[0];
b.appendChild(newp);

Coder93 30-Apr-14 13:26pm

they are in the same file as the source code!

Kornfeld Eliyahu Peter 30-Apr-14 15:22pm

Same file? Same folder you mean?!

Coder93 30-Apr-14 15:25pm

yes, same folder!

Kornfeld Eliyahu Peter 30-Apr-14 15:37pm

I thing I have something for you...
Please restore your code to it's original form. Now open your page in Chrome, hit F12, hit Console, hit your button. See if you get some error...

Kornfeld Eliyahu Peter 30-Apr-14 15:37pm

I thing I have something for you...
Please restore your code to it's original form. Now open your page in Chrome, hit F12, hit Console, hit your button. See if you get some error...

Coder93 30-Apr-14 17:07pm

the errors are:
XMLHttpRequest cannot load file://.... Cross origin requests are only supported for HTTP.
Uncaught ReferenceError: xmlhttp is not defined.
Uncaught NetworkError: A network error occurred.

Kornfeld Eliyahu Peter 30-Apr-14 17:22pm

Now I understand what your problem, however I have to think how to explain it for you...
Meanwhile - a last question. What development environment do you use?

Coder93 1-May-14 2:07am

I write my code in notepad++

Coder93 30-Apr-14 12:17pm

I replace the else part with "window.alert(" "+ this.status);", the status is : undefined.

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)

Kornfeld Eliyahu Peter · Accepted Answer · 2014-04-30T20:24:00

After a long discussion with OP I finally understood what his problem...
There is a HUGE difference between browsing a web page hosted on some web server and opening some html file with a browser...
When browsing a hosted page, the browser uses http or https protocol to load content, so when calling msg1.js or msg2.js it will be load using the proper protocol.
However when you open an html file (double-click), the browser uses file protocol. That protocol can not be used to execute http (or https) request as you try to do in your code...
What are you doing is to assume that there is a web server somewhere to serve you, but there isn't! You only opened a file, like opening a text document or image file. The only way to solve your problem (as your code is fine) is to work with some development environment, that can handle web development for you. That will provide you with the proper way of browsing web pages and not just opening them...