Error in using JQuery with AJAX

Question

I am using the following code in index.html

<html>
<head>
<title>Ajax check</title>
<script type="text/javascript" src="jquery-1.8.3.min.js" > </script>

<script type="text/javascript">
$(document).ready(function(){

alert('working...');
$('#ibutton').click(function(e){
e.preventDefault();
alert('double click');      
$.ajax({
url: "page.html",
cache: false,
success: function(){
$("#message").text('ajax working..');
},
error: function(){
$("#message").text('error in the page');
}
});
}); 
});
</script>
</head>
<body> 
<form action="page.html">
<input type="button" id="ibutton" value="click here"/>
<div id="message"></div>
</form>
</body>
</html>

In page.html, the only content is 'working...' when I click the click here button... it shows 'error in the page'... what mistake I have done??

Oh I'm sorry.. Can you please alert the status code and thrown error in the error? — 0xmtn
– 0xmtn, Commented Jan 12, 2013 at 7:38
in IE it shows, ajax working but in chrome it shows error in the page — schoolcoder
– schoolcoder, Commented Jan 12, 2013 at 10:19
Can you please post the thrown javascript error? in .error, write this: function(req, opt, thrownerror){alert(thrownerror);}. And post here the alerted stuff ;) — 0xmtn
– 0xmtn, Commented Jan 12, 2013 at 10:54

0xmtn · Accepted Answer · 2013-01-12 22:30:39Z

1

Make sure that the page.html is in the same folder as the current page. There is not anything wrong with your code. Furthermore, I tested your code in my computer, and it worked like a charm. It seems like the only problem here is the page.html is not in the same folder as the currently working script.

answered Jan 12, 2013 at 22:30

0xmtn

2,6805 gold badges30 silver badges53 bronze badges

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

1 Comment

schoolcoder Over a year ago

page.html, index.html, jquery-1.8.3.min.js are in same folder.. it is working fine in IE9 ('ajax working' inside #message) but in chrome it shows 'error in the page' inside #message.. is it working in chrome for you?

Collectives™ on Stack Overflow

Error in using JQuery with AJAX

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related