$("form:first").submit(); 查找第一個(gè)form提交或者根據(jù)form的id或者名字提交

公司主營業(yè)務(wù):成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出措美免費(fèi)做網(wǎng)站回饋大家。
本文為大家分享了兩種jQuery異步提交表單的方式,具體內(nèi)容如下
第一種方式:普通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);
}
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
在form表單中添加id:form id="formId"/form,
buttom按鈕進(jìn)行提交,加onclick="js函數(shù)",
然后在js函數(shù)中$("#formId").submit()。
使用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方法進(jìn)行post提交,簡單的代碼如下:
$.ajax({
type:"post",
url:"test.php",
async:true
});
使用jquery的submit()函數(shù)提交form表單時(shí),總是無法提交表單。這個(gè)問題太詭異了,是因?yàn)閒orm中提交表單的input的name屬性為submit,把name改成其他的名稱,就可以使用了。
表單可以提交之后,又出現(xiàn)了新的問題。由于基于dz開發(fā),表單提交之后使用submitcheck()這個(gè)函數(shù)來檢查表單是否提交,由jquery提交上來的表單始終無法驗(yàn)證通過。最后采用模擬點(diǎn)擊提交按鈕的方法來實(shí)現(xiàn)。
復(fù)制代碼
代碼如下:
!--
lang:
js
--
$('input#asubmit').trigger('click');
方法很簡單實(shí)用,這里推薦給小伙伴們,希望大家能夠喜歡。
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) {
}
});
網(wǎng)站欄目:jquery與提交表單,jquery 提交表單
本文路徑:http://chinadenli.net/article0/dsephoo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、電子商務(wù)、標(biāo)簽優(yōu)化、自適應(yīng)網(wǎng)站、用戶體驗(yàn)、微信公眾號
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)