ajax無重新整理方式對form表單進行賦值!

2021-09-06 19:22:00 字數 1615 閱讀 6691

/**

* 把json資料填充到from表單中

*/<

form

id="editform"

action

="user.php"

>

使用者名稱:

<

input

type

="text"

name

="usrname"

/><

br/>

<

input

type

="text"

name

="address"

/><

br/>

性別:<

input

type

="radio"

name

="***"

value

="0"

/>男 

<

input

type

="radio"

name

="***"

value

="1"

/>女<

br/>

愛好:<

input

type

="checkbox"

name

="hobby"

value

="sing"

/>唱歌 

<

input

type

="checkbox"

name

="hobby"

value

="code"

/>寫** 

<

input

type

="checkbox"

name

="hobby"

value

="trance"

/>

發呆form

>

以下是js方法用於對form表單進行賦值(通用方法)

$.fn.formedit = function

(data)

for(var i = 0; i < this.length; i++)

else

else

}break

;

case "radio":

if(data[name] == "")

else

if(input.value ==data[name])

break

;

case "button": break

;

default: input.value =data[name];}}

});};

呼叫方式:

$json = ;

$('#editform').formedit($json);

呼叫**解釋說明:

$(form表單).formedit(json資料);

json資料說明:基本格式, 具體型別

無重新整理提交form表單

今天遇到乙個問題,專案中form表單是使用submit 提交的,但是要實現無重新整理的提交,當然無重新整理提交資料,ajax肯定可以完成,但是由於 已經很成熟,都是使用form提交的,不能再去重寫,所以就找到了下面這個辦法,感覺很好用,主要就四步 1.在當前頁面建乙個iframe 並隱藏 displ...

ajax提交form表單到資料庫 無重新整理

在靜態頁面提交表單到資料庫很簡單就是單純的 這個缺點是會重新整理頁面,會跳轉頁面的。今天給大家帶來的技術就是ajax提交表單 優點是不重新整理頁面,不跳轉頁面,靜默提交的。首先我們得要有乙個表單提交頁面 index.html 這個頁面由兩個部分組成 1 表單控制項 2 jquery ajax處理指令...

使用ajax方式提交form表單。

jquery.fn.ajaxsubmit 使用ajax方式提交form表單。原型 form ajaxsubmit 資料準備好了,準備提交,這時候做些事情,比較修改下序列化後資料 beforesubmit function elements,form,options 其它 ajax所支援的配置 舉例 ...