AJAX using JQuery

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 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").val('ajax working..');
},
error: function(){
$("#message").val('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... nothing happens.. what is wrong in the code?

For the doubt which is asked before 'when I click click here button.. nothing happerns' it is rectified by changing <script type="text/javascript" src="jquery-1.8.3.min.js" > </script> instead of <script type="text/javascript" src="jquery-1.8.3.min.js" /> .. and using $(#message).text('ajax working..') instead of $(#message).val('ajax working..') , script works fine and shows 'error in page'.. please rectify why it is displaying error? — schoolcoder
– schoolcoder, Commented Jan 12, 2013 at 6:41

William Seiti Mizuta · Accepted Answer · 2013-01-12 05:19:13Z

2

The bug is the val function. I think that you want to use text function instead of val:

$("#message").text('ajax working..');

answered Jan 12, 2013 at 5:19

William Seiti Mizuta

8,0453 gold badges33 silver badges23 bronze badges

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

5 Comments

schoolcoder Over a year ago

still that change text instead of val is not working. and event alert('working'); is also not executed

William Seiti Mizuta Over a year ago

Verify with other browser. I tested with chrome and it worked.

William Seiti Mizuta Over a year ago

Nop. Only valto text and used chrome.

schoolcoder Over a year ago

your tips worked.. but i have another problem facing.. please re-read the question..

schoolcoder Over a year ago

let us continue this discussion in chat

Collectives™ on Stack Overflow

AJAX using JQuery

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related