AJAX提交表单后，页面被刷新，求解

[kissky007]

提交表单后，后能能正常接收到数据，但是表单当前页面自动刷新，求解，已试过 async: false,

$(document).ready(function() {
	$("#signinButt").click(function() {		
		$.ajax({
				url: 'signinValidation',
				type: 'POST',
				datatype: 'JSON',				
				data: $('#signinForm').serialize(),
			})
			.done(function() {
				console.log("success");				
			})
			.fail(function() {
				console.log("error");		
			});
	});
});

<form method="post" id="signinForm">
        <div class="form-group mb10">
          <div class="input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
            <input type="text" class="form-control" placeholder="Enter Username" name="adminName" />
          </div>
        </div>
        <div class="form-group nomargin">
          <div class="input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
            <input type="password" class="form-control" placeholder="Enter Password" name="adminPass"  />
          </div>
        </div>
        <div><br /><br /><br /></div>
        <div class="form-group">
          <button class="btn btn-success btn-quirk btn-block btn-lg" id="signinButt">登      陆</button>
        </div>
      </form>

[slwsss]

$("#signinButt").click(function() { $.ajax({ url: 'signinValidation', type: 'POST', datatype: 'JSON', data: $('#signinForm').serialize(), }) .done(function() { console.log("success"); }) .fail(function() { console.log("error"); }); return false });

[kissky007]

谢谢，问题已解决

[软工苦哈哈]

我也遇到了此问题，请问楼主是怎么解决的？

[软工苦哈哈]

what fuck ... sb html 我在那愣是提交了半个小时，还是一直刷新，找不到问题所在。 原因是我的提交按钮用的是button标签，后来改成了 <input type="button"> 就尼玛可以了 真是无语了

[qq_32902941]

万分感谢，真的了，不过<button></button>跟<input type="button"/>的区别是什么，为毛还回刷新

[dreamwszl]

卧槽 万分感谢，尼玛死活调不过来的程序，我还在action里面配置半天

[qq_16859535]

加个type=“button”就行了

[cmontxgt]

非常感谢楼上

[TuskueNeko]

搞了半天 加个Button就好了 哎。。。。

[qq_28314843]

非常感谢 <input type="button"> 弄了两个小时了

[weixin_37500381]

"SuperAdmin"+"atguigu",难道是师兄~

[qq_35358347]

嘿嘿，简单，button或者input的type不要设置成submit就没事了

[oKuaiLeDeXiaoZhu]

button提交按钮放在form表单里面，需要用<input type="button" id="" value=""/> ，不可以用submit，按钮放在form表单外面两个都可以，一般用ajax提交form表单 按钮放在外面比较好

[cretruman]

解决了，谢谢。我之前的是type=submit,确实改为button就好了。

[seongy]

引用 4 楼 平凡之路遥知马力 的回复:

what fuck ... sb html 我在那愣是提交了半个小时，还是一直刷新，找不到问题所在。 原因是我的提交按钮用的是button标签，后来改成了 <input type="button"> 就尼玛可以了 真是无语了

因为button的默认type就是submit，如果把button标签里面加一个属性：type="button"，就好了