jQuery ajax請求返回list資料動態產生input標籤,並把list資料賦值到input標籤_jquery

廢話不多說了，直接給大家貼代碼了，具體內容如下所示：

// js

<script type="text/javascript">function myBtn_f() {var cnt = $('#myCnt').val();syncAjax('myAjax.html', {'cnt' : cnt}, function(result) {if (100 == result.statusCode) {var data = result.lst;var $d = $('#myDiv');alert("[" + data + "]");for ( var i = 0; i < data.length; i++) {var input1 = $("<input type='text' name='input1' />");input1.attr('value', data[i]);$d.append(input1);}} else {alert("error");}});}function syncAjax(myUrl, myData, sufn) {$.ajax({url : myUrl,data : myData,type : 'post',dataType : 'json',cache : false,async : false,success : function(result) {if (result.statusCode == 200) {alert("會話逾時，請重新登入！");window.location.href = "index.jsp";} else {if (sufn)sufn(result);}},error : function(msg) {alert("error:" + msg);}});};</script>

//html

<tr><td><input type="text" id="myCnt" /></td><td><div id="myDiv"></div></td></tr><input id="myBtn" type="button" value="create" onclick="myBtn_f()" />

// 後台

@RequestMapping("myAjax")@ResponseBodypublic String myAjax(@RequestParam(defaultValue = "0", required = false) int cnt) {List<String> lst = new ArrayList<String>();for (int i = 0; i < cnt; i++) {lst.add("no:" + i);}JSONObject result = new JSONObject();result.put("statusCode", 100);result.put("lst", lst);return result.toString();}

關於jQuery ajax請求返回list資料動態產生input標籤,並把list資料賦值到input標籤的全部介紹到此結束，希望對大家有所協助！