ajax實現form表單提交

2021-08-14 04:38:05 字數 1914 閱讀 8003

最終整理了一下**,能夠完美實現要求。不重新整理提交表單,只提交一次,中文不亂嗎。

html 部分

<

form

>

<

input

type="text"

name="link_name"

id="link_name"

placeholder="如:言曌部落格"

required="required"

>

<

input

type="text"

name="link_url"

id="link_url"

placeholder="如:"

required="required"

>

<

input

type="text"

name="link_description"

id="link_description"

placeholder="如:乙個後端開發者的成長筆記"

>

<

input

type="text"

name="link_owner_contact"

id="link_owner_contact"

placeholder="如:郵箱[email protected]"

required="required"

>

<

input

id="submit"

name="submit"

type="submit"

value="提交申請"

>

<

form

>

注意:form 標籤只填乙個 id 即可,不用填 action 和 method

js 部分

//ajax提交資訊

parent.layer.close(index); //再執行關閉

$.ajax(,

error: function () 

})})

注意:第9行填 data:$("#formid").serialize() 最終資料是 name=tom&pass=123456 之類的

控制器**

檢視資料表,已新增了一條資料

Ajax提交form表單

ajax提交form表單 高校平台專案中採用的ui框架為dwz框架,這個框架有乙個很靈活又很讓人頭疼的問題,那就是它的div碎片。所謂的div碎片指的是每乙個jsp頁面不再是乙個單純的jsp了,此時的jsp只不過是乙個div,通過dwz框架本身的ajax技術,可以將任何乙個jsp作為乙個div嵌入到...

ajax提交整個form表單

在專案開發中,有時提交form表單時不能單單用action或者jquery的 表單提交方法有三種,主要說下第三種 第一種 用form自帶屬性action提交 第二種 用jquery提交 formid submit 第三種 用ajax提交 但如果form表單中資料很多時,不可能一一列出,只需要用 yo...

form表單的ajax提交

ajax method post datatype json data headers traditional true 可以傳遞陣列 success function status ajax data jsstayform serialize 學到了 目 async true async.預設是 ...