Home/ Questions/Q 9151765
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T11:52:56+00:00

I am using the following code in index.html <html> <head> <title>Ajax check</title> <script type=text/javascript

  • 0

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?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

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

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