jQuery異步提交表單的兩種方式

本文為大家分享了兩種jQuery異步提交表單的方式，具體內(nèi)容如下

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括碑林網(wǎng)站建設(shè)、碑林網(wǎng)站制作、碑林網(wǎng)頁(yè)制作以及碑林網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，碑林網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到碑林省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

第一種方式：普通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里面的所有內(nèi)容

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);

}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

用jquery的post方法提交表單的問(wèn)題

使用post方法提交表單的方法有兩種，一種是使用表單的post的方法提交或者使用ajax異步post提交。

工具原料：編輯器、瀏覽器

1、方法一：直接使用form表單提交，簡(jiǎn)單的代碼如下：

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方法進(jìn)行post提交，簡(jiǎn)單的代碼如下：

$.ajax({

type:"post",

url:"test.php",

async:true

});

怎么使用jquery提交表單

在form表單中添加id：form id="formId"/form,

buttom按鈕進(jìn)行提交，加onclick="js函數(shù)",

然后在js函數(shù)中$("#formId").submit()。

jquery表單提交數(shù)據(jù) 的幾個(gè)方法

jquery表單提交數(shù)據(jù)的方法有兩種：

一種是直接提交，調(diào)用submit()方法，

第二種是用ajax提交，ajax提交要注意講數(shù)據(jù)序列化。

比如：

1、調(diào)用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,

//同步請(qǐng)求，同步請(qǐng)求將鎖住瀏覽器，用戶其它操作必須等待請(qǐng)求完成才可以執(zhí)行

dataType: "json",//返回的數(shù)據(jù)是json格式的

data： {"id":123} ,//這個(gè)傳遞到后臺(tái)的數(shù)據(jù)，如果是get方式的可以直接把值放到url后面

success: function(data){

alert(data);//成功調(diào)用后臺(tái)返回的對(duì)象

}});

ajax還有挺多屬性的，具體你參考w3school吧。

你在表單里增加個(gè)點(diǎn)擊事件，然后寫(xiě)個(gè)方法把a(bǔ)jax放到方法里面，不刷新的提交表單數(shù)據(jù)傳到后臺(tái)了

也可以給form加個(gè)id，然后$("#id").submit();就行了

jquery實(shí)現(xiàn)submit提交表單

使用jquery的submit()函數(shù)提交form表單時(shí)，總是無(wú)法提交表單。這個(gè)問(wèn)題太詭異了，是因?yàn)閒orm中提交表單的input的name屬性為submit，把name改成其他的名稱，就可以使用了。

表單可以提交之后，又出現(xiàn)了新的問(wèn)題。由于基于dz開(kāi)發(fā)，表單提交之后使用submitcheck()這個(gè)函數(shù)來(lái)檢查表單是否提交，由jquery提交上來(lái)的表單始終無(wú)法驗(yàn)證通過(guò)。最后采用模擬點(diǎn)擊提交按鈕的方法來(lái)實(shí)現(xiàn)。

復(fù)制代碼

代碼如下:

!--

lang:

js

--

$('input#asubmit').trigger('click');

方法很簡(jiǎn)單實(shí)用，這里推薦給小伙伴們，希望大家能夠喜歡。