2013-01-12 36 views
0

我使用下面的代码中的index.htmlAJAX使用JQuery

<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> 

page.html,唯一的内容是“工作......” 当我点击click here按钮...没有任何反应..代码中出了什么问题?

+0

进而,由于之前问怀疑“当我点击'点击here'按钮..没有happerns”它是通过改变'<脚本类型整流= “text/javascript”src =“jquery-1.8.3.min.js”>'而不是'