ajax遍歷的資料如何繫結到觸發的方法中

2021-08-30 11:03:21 字數 1084 閱讀 5246

在使用ajax獲取到返回資料的時候,有時候我們會遍歷資料,並且將資料鋪到頁面上,而頁面上同時會有一些操作按鈕,需求上要操作當前物件,也就是遍歷某個時候中的資料集。本案例以上傳為例:

例如上面的**中,ajax得到的資料在標籤中寫入。

寫入過程中,有下面的類似要求;

第一種情景,我們會直接在uploadimage()方法中將id直接當引數進行傳輸,方法觸發時可以直接傳輸。

第二種情景,我們的uploadimage()方法需要傳入this物件來進行其他操作,如果我們同時傳入id的話,因為頁面載入的問題,此時的id是為空的,無法直接進行傳輸,所以想到提前建個隱藏區域來存放當前id,因此在上面加了乙個input的隱藏框。

這時我們可以採用紅色標記部分,以兄弟節點的方式來獲取隱藏框的值來進行操作。有人說之前的**中其實出現過了id的取值,為什麼要多寫個隱藏域來存放呢,直接獲取之前的屬性不就好了嗎,如果是對前端有自信的同學可以直接獲取。工作中為了避免不必要的麻煩,盡量使用簡單的方法,哪怕看起來比較low。完成第一,改善第二,領導都是以結果為導向的。

一般上傳會將本地的讀取到過後,傳入到後台伺服器或者雲伺服器進行儲存,避免等資源過大,專案發布時效率降低。上傳後,將返回的路徑儲存到資料庫中,以後檢視或者直接回顯都可以獲取。

本次的專案經由多人之手,所以看了一下處理的方式,首先將本地的讀取後,將資源儲存到本地的tomcat中,然後將tomcat的資源路徑擷取傳入到資料庫。之後讀取的時候再返回伺服器查詢,這就是之前說的,等資源會載入越來越多,導致專案打包越來越臃腫,並且為了區分名稱等,一般會加上當前時間等標誌來進行名稱劃分,這樣造成了同一種資源,也就是一模一樣的,可能上傳多次,那占用的也是多個資源位置,及其麻煩和浪費。

時時警惕可能出現的坑,也要預防當初出現過的坑,踩過了叫進步,再踩一次,就是犯二了。。

如何使用ajax傳資料到controller

最近在做乙個有關spring boot的小專案,然後在其中用到了ajax,由於對前端不是很熟練,在剛開始用ajax的時候犯了很多錯誤,為了防止以後要用到又忘了,故記下以供之後參考。對於表單,要設定action 還有onsubmit為return false,阻止表單自身的提交,然後按鈕的型別就為普通...

vue的data繫結ajax得到的資料,無法繫結

在vue的mounted中,使用ajax渲染頁面資料使,明明ajax已經從後台取得資料,但無法將資料放到vue物件的data中,可能是因為this的指向問題,var header newvue mounted function function else json 可以使用箭頭函式,或者將this賦...

WPF新手之如何將資料繫結到TreeView

看過許多例子,全是繫結到類的,沒人說如何繫結到某個物件,偏偏我這個絕對的新手就是要繫結到乙個物件,只能自己摸索了 首先要將資料繫結到容器,有以下幾個預設條件 元資料必須包裝在list或者observablecollection中,後者具有動態更新的功能。即,如果在程式中更改了observableco...