废话补多少,我的问题是我想发送ajax的异步请求,这样就能异步提交表单,并且不会跳转到别的页面,也不会将返回的json数据在页面显示了,所以我选择了异步请求,但是异步请求时的form上的action="/xxxxxxx"没有去掉,所有走了两次提交,一个是异步的,一个是form自己的,上代码
<label class="control-label col-sm-2">版本号</label>
<div class="col-sm-10">
<input id="versionId" name="versionId" type="hidden">
<input id="versionNum" name="versionNum" type="text" class="form-control" placeholder="请输入版本号">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">更新日期</label>
<div class="col-sm-10">
<div class="input-group">
<input id="date" name="date" type="text" class="form-control date_default" placeholder="请选择更新日期">
<span class="input-group-addon"><i class="fa fa-calendar-plus-o"></i></span> </div>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">平台</label>
<div class="col-sm-10">
<label class="radio-inline">
<input id="ios" name="phoneVersion" type="radio" value="ios">
iOS
</label>
<label class="radio-inline">
<input id="android" name="phoneVersion" type="radio" value="android">
android
</label>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">更新内容</label>
<div class="col-sm-10">
<textarea id="updateContect" name="updateContect" rows="5" cols="5" class="form-control" placeholder="请输更新内容"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">取消</button>
<button onclick="addOrUpdate()" class="btn btn-primary waves-effect waves-light">确定</button>
</div>
</form>
我的js页面是这样的
function addOrUpdate(){
//提交表单
//$("#form1").submit();
//window.history.go(-1);
$.ajax({
type: “POST”,
dataType: “json”,
//dataType: “text”,
url: “/addx”,
data: $("#form1").serialize(),
success: function (data) {
alert(data.message);
},
error: function(data) {
alert(data.message);
}
});
导致提交了两次,所以异步请求,和同步都走了,所以不是简单的刷新页面了,