jquery ajax 提交表單的方式

2021-07-25 08:40:52 字數 1832 閱讀 7455

方法一:

複製**

**如下:

function addhandlingfeetorefund()

,error: function(data) }

方法二:

複製**

**如下:

//ajax提交form表單的方式

$('#formaddhandlingfee').submit(function() ,

error: function(data)

});}

方法三:

我們可以通過自定義函式getformdata()來獲取表單的資料,請看下面的例子:

$(function());

});});

getformdata()的實現很簡單:

function getformdata(form);

for(var i=0;i

test.php接收到的資料將會是:

array

(    [name] => 3241324

[age] => m_admin

[password] => 123

[***] => male

[area] => heping

[hobby] => array

([0] => movie

[1] => music

)[intro] => 321432423

)

和普通的表單提交的資料格式是一樣的,我們可以很方便的進行處理!

方法四:

jquery的serialize()方法通過序列化表單值,建立url編碼文字字串,我們就可以選擇乙個或多個表單元素,也可以直接選擇form將其序列化,如:

<

form

action

="">

first name:

<

input

type

="text"

name

="firstname"

value

="bill"

/><

br />

last name:

<

input

type

="text"

name

="lastname"

value

="gates"

/><

br />

form

>

$(document).ready(function

());

這樣,我們就可以把序列化的值傳給ajax()作為url的引數,輕鬆使用ajax()提交form表單了,而不需要乙個乙個獲取表單中的值然後傳給ajax(),舉例如下:

$.ajax(

});

使用$.post()、$.get()和$.getjson()也是一樣的:

$.post('your url', $("form").serialize(), function

(data)

});$.get('your url', $("form").serialize(), function

(data)

});$.getjson('your url', $("form").serialize(), function

(data)

});

Jquery ajax方式提交表單

jquery ajax方式提交表單,目前用過的有兩種方式 1 引人jquery.js和jquery.easyui.min.js後,用下面的方法 checkform1 form submit urlhidden value e j j.length e index html j.length docu...

Jquery ajax提交表單幾種方法詳解

在jquery中ajax提交表單有post與get方式,在使用get方式時我們可以直接使用ajax 序列化表單 表單id serialize 就行了,下面我來介紹兩個提交表單資料的方法。get方式提交表單get 方法通過遠端 http 在jquery中ajax提交表單有post與get方式,在使用g...

jQuery AJAX提交表單並輸出返回值

前端部分 此指令碼將表單輸入值序列化後傳至後台,後台使用thinkphp框架,接收了post方式傳入的引數name,並將 post name 的值以json格式打包後返回,前端已預先指定接收資料型別為json,並以result為返回值變數名稱進行輸出。後台 namespace admin contr...