jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签

时间:2021-05-26

废话不多说了,直接给大家贴代码了,具体内容如下所示:

// 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标签的全部介绍到此结束,希望对大家有所帮助!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章