表单提交jquery,表单提交成功如何弹出提示
jQuery异步提交表单的两种方式
本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下
创新互联服务项目包括碑林网站建设、碑林网站制作、碑林网页制作以及碑林网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,碑林网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到碑林省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
第一种方式:普通ajax方式提交
$(function(){
$('#send').click(function(){
$.ajax({
type:
"GET",
url:
GLOBAL_PATH
+
"/Enterprise/savecompanyphoto",
data:
{username:$("#username").val(),
content:$("#content").val()},
dataType:
"json",
success:
function(data){
$('#resText').empty();
//清空resText里面的所有内容
var
html
=
'';
$.each(data,
function(commentIndex,
comment){
html
+=
'div
class="comment"h6'
+
comment['username']
+
':/h6p
class="para"'
+
comment['content']
+
'/p/div';
});
$('#resText').html(html);
}
});
});
});
第二种方式:普通ajaxSubmit方式提交表单
script
src="jquery.form.js"
type="text/javascript"/script
script
src="dialog.js?lib=false"
type="text/javascript"/scriptsrc="jquery.min.js"
type="text/javascript"
function
uploader_img(){
var
optionsSave={
type:
"POST",
url:
GLOBAL_PATH
+
"/Enterprise/savecompanyphoto",
data:$('#addImg').serialize(),
success:
function
(data)
{
if
(data.code
==
0)
{
AlertMini('alt1',
"上传图片成功!",
'success.gif',
2);
window.location.reload();
}
else
{
AlertMini('alt1',
"上传图片失败!",
'error.gif',
2);
}
},
error:
function
(data)
{
AlertMini('alt1',
"上传图片失败!",
'error.gif',
2);
}
}
$('#addImg').ajaxSubmit(optionsSave);
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
用jquery的post方法提交表单的问题
使用post方法提交表单的方法有两种,一种是使用表单的post的方法提交或者使用ajax异步post提交。
工具原料:编辑器、浏览器
1、方法一:直接使用form表单提交,简单的代码如下:
form action="form_action.asp" method="post"
pFirst name: input type="text" name="fname" //p
pLast name: input type="text" name="lname" //p
input type="submit" value="Submit" /
/form
2、使用jQuery的ajax方法进行post提交,简单的代码如下:
$.ajax({
type:"post",
url:"test.php",
async:true
});
怎么使用jquery提交表单
在form表单中添加id:form id="formId"/form,
buttom按钮进行提交,加onclick="js函数",
然后在js函数中$("#formId").submit()。
jquery表单提交数据 的几个方法
jquery表单提交数据的方法有两种:
一种是直接提交,调用submit()方法,
第二种是用ajax提交,ajax提交要注意讲数据序列化。
比如:
1、调用submit()方法
$(表单).submit();
2、ajax提交
$.ajax({
url: url,
data: $(表单).serialize(),
type: 'post',
success: function (data) {
}
});
jquery怎么提交jquery ajax提交表单
$.ajax({ url: "test.html",
cache: true,
type: "POST",
async: false,
//同步请求,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行
dataType: "json",//返回的数据是json格式的
data: {"id":123} ,//这个传递到后台的数据,如果是get方式的可以直接把值放到url后面
success: function(data){
alert(data);//成功调用后台返回的对象
}});
ajax还有挺多属性的,具体你参考w3school吧。
你在表单里增加个点击事件,然后写个方法把ajax放到方法里面,不刷新的提交表单数据传到后台了
也可以给form加个id,然后$("#id").submit();就行了
jquery实现submit提交表单
使用jquery的submit()函数提交form表单时,总是无法提交表单。这个问题太诡异了,是因为form中提交表单的input的name属性为submit,把name改成其他的名称,就可以使用了。
表单可以提交之后,又出现了新的问题。由于基于dz开发,表单提交之后使用submitcheck()这个函数来检查表单是否提交,由jquery提交上来的表单始终无法验证通过。最后采用模拟点击提交按钮的方法来实现。
复制代码
代码如下:
!--
lang:
js
--
$('input#asubmit').trigger('click');
方法很简单实用,这里推荐给小伙伴们,希望大家能够喜欢。
本文名称:表单提交jquery,表单提交成功如何弹出提示
分享网址:http://pwwzsj.com/article/dscjgsp.html