jQuery异步提交form表单
页面中导入jQuery,
然后在jQuery的ready方法中定义form提交时的动作就可以了,
var str = '输入搜索内容',keyword ='';
$('#sear_txt').val(str);
$('#tag_search').submit(function() {
keyword = $('#sear_txt').val();
if(str == keyword || keyword == ''){
return false;
}else{
$('#tag_search').attr('action', blogConfig.blogUrl+'tag/'+keyword );
return true;
}
return false;
});
// 使用 jQuery 异步提交表单
$(document).ready(function() {
$('#editRealMsgForm').submit(function() {
jQuery.ajax({
url: 'editRealMsg.eri',
data: $('#editRealMsgForm').serialize(),
type: "POST",
beforeSend: function(){
$('#submitButton').hide();
$('#editRealMsgImg').show();
},
success: function(){
$('#editRealMsgImg').hide();
$('#modifyButton').show();
$('#realName').attr("disabled","true");
$('#tel').attr("disabled","true");
}
});
return false;
});
});
这个form就绑定好jQuery封装的异步提交 方法了
the second method no input id
Jquery来对form表单提交(mvc方案)
Jquery来对form表单提交,下面是一个form表单,里面没有action字段,用Jquery注册事件进行提交,
在js中的代码如下:
$(document).ready(function () {
$("#btnConfirm").click(function () {
$('#documentForm').submitForm({
url: "/Document/SubmitDocumentCreate",
dataType: "text",
callback: function (data) {
endFileUpload();
data = eval_r("(" + data + ")");
alert(data.Content);
if (data.Result > 0) {
location.href = data.Redirect;
}
},
before: function () {
startFileUpload();
var errMsg = "";
}
}).submit();
});
}
页面中导入jQuery,
然后在jQuery的ready方法中定义form提交时的动作就可以了,
var str = '输入搜索内容',keyword ='';
$('#sear_txt').val(str);
$('#tag_search').submit(function() {
keyword = $('#sear_txt').val();
if(str == keyword || keyword == ''){
return false;
}else{
$('#tag_search').attr('action', blogConfig.blogUrl+'tag/'+keyword );
return true;
}
return false;
});
// 使用 jQuery 异步提交表单
$(document).ready(function() {
$('#editRealMsgForm').submit(function() {
jQuery.ajax({
url: 'editRealMsg.eri',
data: $('#editRealMsgForm').serialize(),
type: "POST",
beforeSend: function(){
$('#submitButton').hide();
$('#editRealMsgImg').show();
},
success: function(){
$('#editRealMsgImg').hide();
$('#modifyButton').show();
$('#realName').attr("disabled","true");
$('#tel').attr("disabled","true");
}
});
return false;
});
});
这个form就绑定好jQuery封装的异步提交 方法了
the second method no input id
Jquery来对form表单提交(mvc方案)
Jquery来对form表单提交,下面是一个form表单,里面没有action字段,用Jquery注册事件进行提交,
在js中的代码如下:
$(document).ready(function () {
$("#btnConfirm").click(function () {
$('#documentForm').submitForm({
url: "/Document/SubmitDocumentCreate",
dataType: "text",
callback: function (data) {
endFileUpload();
data = eval_r("(" + data + ")");
alert(data.Content);
if (data.Result > 0) {
location.href = data.Redirect;
}
},
before: function () {
startFileUpload();
var errMsg = "";
}
}).submit();
});
}
120朵
2个