博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一次深刻的教训。js和java投票界面功能提供 ajax返回前后台代码以及动态的添加input和点击动态添加的input的单击事件...
阅读量:5268 次
发布时间:2019-06-14

本文共 1322 字,大约阅读时间需要 4 分钟。

后台代码ajax返回值的封装:

Map resultMap = new HashMap();

PrintWriter    pw = response.getWriter();

resultMap.put("code","WEB-0002");

resultMap.put("message","对不起,您是机构用户,无权投票");
pw.print(JSONObject.fromObject(resultMap).toString());

 

也可以返回list数据

resultMap.put("code","WEB-0000");

resultMap.put("message","");
resultMap.put("result",subjectOptionList); //---直接写list对象 
resultMap.put("title",surveySubjectBean.getTitle());
pw.print(JSONObject.fromObject(resultMap).toString());

 

 

前端接受:

$.ajax({

type: "get",
url:'访问路径',
async : false,
dataType : "json",
success: function(data){
if(data.code == "WEB-0000"){
$("#myform input[type='button']").remove();
jsonData = JSON.stringify(data.result); //----转换成json字符串
json= JSON.parse(jsonData);     //----转换成json对象

//---拼接input 并appendChild在一个表单中显示

for (x in json) { //遍历JSON格式的数组取元素, x代表下标
var form = document.getElementById("myform");  
var input = document.createElement("input");
input.type="button";
input.name=json[x].subjectId;
input.id=json[x].id;
input.value=json[x].content;
input.className="btn1 close mh25";
// input.οnclick=function(){
// votesajax(json[x].subjectId,json[x].id)
// }
form.appendChild(input);
}

 

// 绑定在追加在元苏的父级上面 就可以解决 追加input的点击事件失效 动态的添加input需要下面事件解决

$("#myform").on("click","input",function(){
votesajax(this.name,this.id);
})

转载于:https://www.cnblogs.com/xzcBY/p/9227956.html

你可能感兴趣的文章
mysqladmin 修改和 初始化密码
查看>>
字符串
查看>>
vue2.x directive - 限制input只能输入正整数
查看>>
实现MyLinkedList类深入理解LinkedList
查看>>
自定义返回模型
查看>>
C#.NET 大型通用信息化系统集成快速开发平台 4.1 版本 - 客户端多网络支持
查看>>
HDU 4122
查看>>
Suite3.4.7和Keil u3自带fx2.h、fx2regs.h文件的异同
查看>>
打飞机游戏【来源于Crossin的编程教室 http://chuansong.me/account/crossincode 】
查看>>
[LeetCode] Merge Intervals
查看>>
【翻译自mos文章】当点击完 finishbutton后,dbca 或者dbua hang住
查看>>
Linux编程简介——gcc
查看>>
2019年春季学期第四周作业
查看>>
MVC4.0 利用IActionFilter实现简单的后台操作日志功能
查看>>
windows下mongodb安装与使用
查看>>
rotate the clock
查看>>
bugku 变量
查看>>
Python 环境傻瓜式搭建 :Anaconda概述
查看>>
数据库01 /Mysql初识以及基本命令操作
查看>>
数据库02 /MySQL基础数据类型以及多表之间建立联系
查看>>