表单的ajax填入问题

又是表单今天的表单是用事件委托从table里面获得eventId，用get请求从后台获得json数据填入表单中第一个执行的比较顺利，但当再添加一个事件之后，修改（将数据填入表单）功能竟然失灵了，然后各种找原因，当把新添加的删除过后他又可以实现，但是当添加信息之后，用alert测试，他的字段获得正常，但是显示返回json的时候，无法执行，初步判断是get请求没有发送出去，至于原因还有待探索。

第二个是将从json返回的checkbook的值用for循环输出以checkbook的形式显示到相应位置，首先是将json里对应的checkbook的值拿出来，此过程没有完成的原因是因为用数组方式将其输出时无法获得其值（只能获得其所有值都罗列出来）。

       //1.判断target.value是以modify开头的还是delete开头的//2.若以modify开头，则可以获得account//3. 处理modify的情形var node = target.parentNode.parentNode;strCode = target.value;var fdStart = strCode.indexOf("modify");var fbStart = strCode.indexOf("delete");var flStart = strCode.indexOf("result");var evId = node.childNodes[2].innerHTML;if (fdStart === 0) {var uem = new XMLHttpRequest();uem.onload = function () {if (uem.status === 200) {responseObject = JSON.parse(uem.responseText);}var newData = "";newData  = "<form  class=\"form-si\"  method=\"get\">"+ '<input type="text" class="input-block-level"   value=' + responseObject.events[0].marathon_name+ '>'+ '<input type="text" class="input-block-level"  value=' + responseObject.events[0].eventId+ '>'+ '<input type="text" class="input-block-level"  value=' + responseObject.events[0].year+ '>'+ '<p><label><input type="checkbox" name="allow"  value = '+ responseObject.events[0].allow_photographer+' >'+responseObject.events[1].allow_photographer+'</label></p>'+ '<input type="text" class="input-block-level"  value=' + responseObject.events[0].bib_format + '>'+ "<div align=\"center\"><p><a type=\"reset\" href=\"user_photographer_management_eg.html\" class=\"btn btn-large btn-primary\">取消</a> " +"<button  type=\"submit\" class=\"btn btn-large btn-primary\" value='ensure_" + evId + "' >确定</button></p></div>"+ "</form>";document.getElementById("usemf").innerHTML = newData; alert(uem.responseText)};uem.open("get", "../requests/myEvent/modifyExistingEventByEventCode.php?eventId="+evId+"", true);uem.send();}

转载于:https://www.cnblogs.com/shuxiao3/p/7236886.html

表单的ajax填入问题相关推荐

Python Day 67 Dango框架图解（总结）、Wsgiref和uwsgi、前后端传输数据的编码格式、From表单和Ajax方式在前端往后端发送文件、补充一下页面清缓存...
##Django框架图解 ##前后端传输数据的编码格式 #前后端传输数据的编码格式1.urlencoded 2.formdata 3.application/json ##From表单和Ajax方式在 ...
vueform表单文件上传_峰哥说技术系列-8.Spring Boot文件上传(Form表单和Ajax方式)
今日份主题 Spring Boot文件上传(Form表单和Ajax方式) 在Spring Boot中,和文件上传的主要和MultipartResolver接口有关,他有两个实现类 StandardSe ...
ajax 模拟表单提交,Ajax模拟Form表单提交，含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
Django框架之 Form表单和Ajax上传文件
Django框架之 Form表单和Ajax上传文件浏览目录 Form表单上传文件 Ajax上传文件伪造Ajax上传文件 Form表单上传文件 html 1 2 3 4 5 6 7 <h3& ...
form表单与ajax的两种提交方式
一.form表单与ajax两种提交方式使用的场景: 1)form表单提交适用于跳转到另一个页面,form标签中的数据通过submit的方式提交到后台,提交成功后会跳转到另一个页面,但没有返回值. 2) ...
jquery表单ajax json数据,jquery序列化form表单使用ajax提交后处理返回的json数据
1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try ...
jQuery实现文件下载( 隐藏表单实现ajax下载 )
原因是Sigma表格控件要实现Excel导出表格中的数据 , 用$.Ajax()实现不了, 所以暂时用了个折中的办法 , 项目里类似情况后边可能还很多 , 记录一下, 以后有更好的办法再来改进吧链接 ...
ajax提交表单，包括跳入的坑！
本来今天上午写了一个js执行上下文的一个了解.但是写一大半的时候出去有事,电脑关了啥都没了. 还是让我们进入正题 ajax提交表单,很简单,原生js的代码太复杂,我们就jq的去写. 创建html文件, ...
BPM实例方案分享：表单子表自动填入数据
软件环境:H3 BPM 9.2.7 业务需求: 现在想要实现一个效果:在打开表单.选择合同阶段后能够读取后台数据,将多行数据自动填入下方的子表. 本文将用三种方法实现自动填入子表的功能. 方法一前台 ...

表单的ajax填入问题

表单的ajax填入问题相关推荐

最新文章

热门文章