ajax奇怪问题

[u012914916]

我把<button>放在form表单里面，ajax无法成功执行，readyState=0并且readyState=0
但如果我把<button>放在form表单外面，ajax就可以成功执行，会弹出success。
求大神讲解。

<form>
<button id='button'>日期查询</button>
</form>

$("#button").click(function(){
$.ajax({
url:'http://192.168.1.101:8000/user/tt',
type:'post',
data:{name:'abc'},
success:function(msg){
alert('success');
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
})
})

[u012914916]

引用 1 楼 wzs_xyz 的回复:

button标签默认type是submit，放在表单内会点击时会提交表单，造成页面刷新，所以ajax失效， 改为type="button"即可

@wzs_xyz，多谢。

[未知数]

button标签默认type是submit，放在表单内会点击时会提交表单，造成页面刷新，所以ajax失效， 改为type="button"即可

[tony4geek]

楼上的不错 。