我使用下面的代码中的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
按钮...没有任何反应..代码中出了什么问题?
进而,由于之前问怀疑“当我点击'点击here'按钮..没有happerns”它是通过改变'<脚本类型整流= “text/javascript”src =“jquery-1.8.3.min.js”>'而不是''。 ('message').text('ajax working ..')而不是$(#message).val('ajax working ..'),脚本工作正常,并显示'页面错误'..请纠正为什么它显示错误? – cobra