ajax遍历的数据如何绑定到触发的方法中

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Nishino_shou/article/details/83540657

在使用ajax获取到返回数据的时候,有时候我们会遍历数据,并且将数据铺到页面上,而页面上同时会有一些操作按钮,需求上要操作当前对象,也就是遍历某个时候中的数据集。本案例以图片上传为例:

例如上面的代码中,ajax得到的数据在<tr>标签中写入。

写入过程中,有下面的类似要求;

此时是操作当前报废单的图片上传,按钮中就需要传入报废单相关对象数据,例如单据id。

第一种情景,我们会直接在uploadImage()方法中将id直接当参数进行传输,方法触发时可以直接传输。

第二种情景,我们的uploadImage()方法需要传入this对象来进行其他操作,如果我们同时传入id的话,因为页面加载的问题,此时的id是为空的,无法直接进行传输,所以想到提前建个隐藏区域来存放当前id,因此在上面加了一个Input的隐藏框。

这时我们可以采用红色标记部分,以兄弟节点的方式来获取隐藏框的值来进行操作。有人说之前的代码中其实出现过了id的取值,为什么要多写个隐藏域来存放呢,直接获取之前的属性不就好了吗,如果是对前端有自信的同学可以直接获取。工作中为了避免不必要的麻烦,尽量使用简单的方法,哪怕看起来比较low。完成第一,改善第二,领导都是以结果为导向的。

同时此处可以说一下图片上传的操作:

一般图片上传会将本地的图片读取到过后,传入到后台服务器或者云服务器进行存储,避免图片等资源过大,项目发布时效率降低。图片上传后,将返回的路径存储到数据库中,以后查看图片或者直接回显都可以获取。

本次的项目经由多人之手,所以看了一下处理的方式,首先将本地的图片读取后,将图片资源存储到本地的tomcat中,然后将tomcat的资源路径截取传入到数据库。之后读取的时候再返回服务器查找图片,这就是之前说的,图片等资源会加载越来越多,导致项目打包越来越臃肿,并且为了区分图片名称等,一般会加上当前时间等标志来进行名称划分,这样造成了同一种资源,也就是一模一样的图片,可能上传多次,那占用的也是多个资源位置,及其麻烦和浪费。

时时警惕可能出现的坑,也要预防当初出现过的坑,踩过了叫进步,再踩一次,就是犯二了。。

猜你喜欢

转载自blog.csdn.net/Nishino_shou/article/details/83540657