表单的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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/572178.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Redis基础-下载安装配置

Nosql&#xff1a; NoSQL&#xff1a;即 Not-Only SQL&#xff08; 泛指非关系型的数据库&#xff09;&#xff0c;作为关系型数据库的补充。 作用&#xff1a; 应对基于海量用户和海量数据前提下的数据处理问题。 特征&#xff1a; 可扩容&#xff0c;可伸缩大数据量下高性能…

R学习-- 数组和矩阵

生成 4行5列的数组&#xff0c;逐列逐行赋值x array(1:20, dim c(4,5))依据已知向量生成二维数组i array(c(1:3,3:1,4:6,5:7), dimc(3,4))也能够调整行列顺序 &#xff08;3行4列变为4行3列&#xff09;i array (c(1:3,3:1,4:6,7:9), dimc(4,3))数组a元素作为索引值操作数组…

PHP获取客户端ip的五种方式

方法一 1 <?php 2 $ip $_SERVER["REMOTE_ADDR"]; 3 echo $ip; 方法二 <?php $user_IP ($_SERVER["HTTP_VIA&qu…

Jedis使用

Jedis&#xff1a; Jedis是Redis官方推荐的Java连接服务工具。Java语言连接redis服务还有这些SpringData、Redis 、 Lettuce下载地址&#xff1a;https://mvnrepository.com/artifact/redis.clients/jedisAPI文档&#xff1a;http://xetorthio.github.io/jedis/ 连接练习&#…

Centos6.6升级python2到python3

系统更新部分&#xff1a; 一、由于系统原有的源无法连接&#xff0c;需要更新为新的源。起初&#xff0c;首选163的源&#xff0c;但是由于更改源以后&#xff0c;无法使用yum等问题&#xff0c;所以直接使用上海交通大学提供的源。 修改前&#xff0c;将原来/etc/yum.repos.d…

转:20分钟教你使用hexo搭建github博客

注册Github账号 这里我们就不多讲了&#xff0c;小伙伴们可以点击这里&#xff0c;进入官网进行注册。 创建仓库 图片来自Github登录账号后&#xff0c;在Github页面的右上方选择New repository进行仓库的创建。 图片来自Github在仓库名字输入框中输入&#xff1a; Github昵称.…

Maven入门详解与安装配置

Maven&#xff1a; Maven出现前的问题&#xff1a; 假设你现在做了一个项目&#xff0c;项目中肯定要用到一些jar包&#xff0c;比如说mybatis&#xff0c;log4j&#xff0c;JUnit等&#xff0c;除了这些之外&#xff0c;你有可能用到你的同事开发的其他的东西&#xff0c;比如…

前台打断点

很简单&#xff1a; 1.按F12 2.点击Sources 3.打开你要进行的js文件&#xff08;&#xff09; 4.点击你要运行的方法 5.触发按钮点击 6.排除&#xff08;触发按钮点击之后有两个按钮和半透明的&#xff09; 7.半透明的第一个按钮是过程一个断点直接跳到另一个断点 8.半透明的第…

构造函数的五种继承方法

1、使用call或apply绑定构造函数 animal.apply(this.arguments) 2、使用prototype属性 Cat.prototypenew Animal(); Cat.prototype.constructorCat; var cat1new Cat("大毛","黄色"); alert(cat1.species);//动物 3、直接集成prototype属性 function Anima…

Vue生命周期与自定义组件

自定义组件&#xff1a; Element 组件其实就是自定义的标签。例如<el-button> 就是对<button>的封装。 本质上&#xff0c;组件是带有一个名字且可复用的 Vue 实例&#xff0c;完全可以自己定义。 定义格式&#xff1a; Vue.component(组件名称, {props:组件的属性…

hdu 3641 数论 二分求符合条件的最小值数学杂题

http://acm.hdu.edu.cn/showproblem.php?pid3641 学到&#xff1a; 1、二分求符合条件的最小值 /*二分查找符合条件的最小值 */ ll solve() {__int64 low 0, high INF, mid ;while(low < high){mid (low high) >> 1; // printf("%d&&\n&quo…

Spring DI(依赖注入)

DI依赖注入 IoC&#xff08;Inversion Of Control&#xff09;控制翻转&#xff0c;Spring反向控制应用程序所需要使用的外部资源DI&#xff08;Dependency Injection&#xff09;依赖注入&#xff0c;应用程序运行依赖的资源由Spring为其提供&#xff0c;资源进入应用程序的方…

MySQL之练习题5

1、将所有的课程的名称以及对应的任课老师姓名打印出来&#xff0c;如下&#xff1a; SELECT cname,tname FROM course INNER JOIN teacher WHERE course.teacher_idteacher.tid2、查询学生表中男女生各有多少人&#xff1f; 如下&#xff1a; SELECT gender,COUNT(gender) 人数…

Spring注解开发入门教程

注解开发&#xff1a; 什么是驱动注解&#xff1f; 注解启动时使用注解的形式替代xml配置&#xff0c;将繁杂的spring配置文件从工程中彻底消除掉&#xff0c;简化书写 注解驱动的弊端 为了达成注解驱动的目的&#xff0c;可能会将原先很简单的书写&#xff0c;变的更加复杂XM…

Spring整合Mybatis和JUnit

Spring整合Mybatis&#xff1a; 注解整合MyBatis分析 业务类使用注解形式声明bean&#xff0c;属性采用注解注入建立独立的配置管理类&#xff0c;分类管理外部资源&#xff0c;根据功能进行分类&#xff0c;并提供对应的方法获取bean使用注解形式启动bean扫描&#xff0c;加载…

Java-NIO(三):直接缓冲区与非直接缓冲区

直接缓冲区与非直接缓冲区的概念&#xff1a;1&#xff09;非直接缓冲区&#xff1a;通过 static ByteBuffer allocate(int capacity) 创建的缓冲区&#xff0c;在JVM中内存中创建&#xff0c;在每次调用基础操作系统的一个本机IO之前或者之后&#xff0c;虚拟机都会将缓冲区的…

Spring IOC扫描器与注册器

核心接口&#xff1a; 组件扫描器&#xff1a; 开发过程中&#xff0c;需要根据需求加载必要的bean&#xff0c;排除指定bean 设定组件扫描加载过滤器&#xff1a; 名称&#xff1a;ComponentScan 类型&#xff1a;类注解 位置&#xff1a;类定义上方 作用&#xff1a;设置…

Spring AOP切入点与通知XML类型

AOP&#xff1a; AOP(Aspect Oriented Programing)面向切面编程&#xff0c;一种编程范式&#xff0c;隶属于软工范畴&#xff0c;指导开发者如何组织程序结构AOP弥补了OOP的不足&#xff0c;基于OOP基础之上进行横向开发 uOOP规定程序开发以类为主体模型&#xff0c;一切围绕对…

Angular过滤器

Angular过滤器 在HTML中的模板绑定符号{{ }}内通过|符号来调用过滤器。例如&#xff0c;假设我们希望将字符串转换成大写&#xff0c;可以对字符串中的每个字符都单独进行转换操作&#xff0c;也可以使用过滤器&#xff1a; {{ name | uppercase }}  //大写 在JavaScript代码…

给iOS项目中添加图片,并通过UIImageView引用和显示该UIImage图片

【问题】 关于iOS/iPhone中的文件选择对话框&#xff0c;用于用户去选择图片等文件 过程中&#xff0c;问题转换为&#xff0c;需要给当前iOS项目中&#xff0c;添加一个图片。 类似于Windows开发中的资源文件&#xff0c;其中图片文件属于资源的一种。 并且&#xff0c;接着可…