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://kswjz.com/article/dscjgsp.html