在前端開發(fā)中,我們經(jīng)常需要將從后端獲取到的JSON數(shù)據(jù)展示在頁(yè)面上,有時(shí)候我們需要把它放入表單中。
使用jQuery可以很方便地實(shí)現(xiàn)這一功能,具體方法如下:
// 假設(shè)我們從后端獲取到了以下的JSON數(shù)據(jù) var data = { "name": "張三", "age": 18, "gender": "男" }; // 將JSON數(shù)據(jù)放入表單中 $('input[name="name"]').val(data.name); $('input[name="age"]').val(data.age); $('input[name="gender"]').val(data.gender);
在上面的代碼中,我們首先獲取到了后端傳來的JSON數(shù)據(jù),并將它存放在變量data中,然后使用jQuery的val()方法將數(shù)據(jù)放入表單中對(duì)應(yīng)的輸入框中。
需要注意的是,上述代碼只適用于簡(jiǎn)單的JSON數(shù)據(jù),如果后端返回的JSON數(shù)據(jù)過于復(fù)雜,可以采用遞歸遍歷的方式將數(shù)據(jù)放入表單中。
下一篇css偽類 not