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

前端技术 2023/09/04 JavaScript

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

// 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\")
@ResponseBody
public 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标签的全部介绍到此结束，希望对大家有所帮助！

本文地址：https://www.stayed.cn/item/11761

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案