jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
废话不多说了，直接给大家贴代码了，具体内容如下所示：
//js
<scripttype="text/javascript">
functionmyBtn_f(){
varcnt=$('#myCnt').val();
syncAjax('myAjax.html',{
'cnt':cnt
},function(result){
if(100==result.statusCode){
vardata=result.lst;
var$d=$('#myDiv');
alert("["+data+"]");
for(vari=0;i<data.length;i++){
varinput1=$("<inputtype='text'name='input1'/>");
input1.attr('value',data[i]);
$d.append(input1);
}
}else{
alert("error");
}
});
}
functionsyncAjax(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><inputtype="text"id="myCnt"/></td> <td><divid="myDiv"></div></td> </tr> <inputid="myBtn"type="button"value="create"onclick="myBtn_f()"/>
//后台
@RequestMapping("myAjax")
@ResponseBody
publicStringmyAjax(
@RequestParam(defaultValue="0",required=false)intcnt){
List<String>lst=newArrayList<String>();
for(inti=0;i<cnt;i++){
lst.add("no:"+i);
}
JSONObjectresult=newJSONObject();
result.put("statusCode",100);
result.put("lst",lst);
returnresult.toString();
}
关于jQueryajax请求返回list数据动态生成input标签,并把list数据赋值到input标签的全部介绍到此结束，希望对大家有所帮助！