首页 > 编程 > JavaScript > 正文

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

2019-11-20 10:20:05
字体:
来源:转载
供稿:网友

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表