一個標籤引起的BUG

上週五,在下班的時候,寫了一個上傳程序,結果發現後臺獲取不到值。ajax

百思不得其解瀏覽器

我採用的不是傳統的表單提交模式,而是用ajax傳輸formdata提交到後臺。 資料也相對比較少。服務器

上百度,找了不少資料,也有相似的問題,但彷佛都沒有很好的解決此問題。post

找到一個說的稍微靠譜一點的,說要麼就是服務器上的問題,還有多是表單中按鈕不能用設計

<button id="btnUpload">上傳</button>orm

而須要改爲form

<button id="btnUpload" value="上傳"></button>效率

其實這個和最終的解決辦法靠點邊,但沒有實際意義。後臺

沒辦法,只好一遍又一遍的改寫上傳的代碼,改用不一樣的方式去作上傳功能,改了不少遍,花了一上午時間,並且又有其餘的事情急着作,因此很着急。 百度

而後,找到以前作過的一個相似的例子,去觀察和分析提交參數的狀況,發現參數根本沒提交過去。。。

中午休息之時,反覆的想着,爲何後臺徹底拿不到值,而後猜測,會不會跟前臺標籤有關係呢。。。 

後來發現,原來,我寫了一個form標籤,在運行的時候,審查元素,表單莫名其妙的就沒有了。。。

這是爲何呢?。。。 我問了本身不少遍。。。

仔細查看頁面的時候,發現前面還有一個表單,因而把前面的表單幹掉,再試一下。 此次表單不消失了。。。 

因而,我想,難道是隻支持一個表單,但應該不可能。。 很顯然,不符合瀏覽器的設計理念以及現實需求。因而,忽然眼前一亮。。 發現了錯誤的根源

<form id="searchForm" name="searchForm" method="post"><form>

表單代碼寫成了上面這樣。。。。

<form id="searchForm" name="searchForm" method="post"></form>

這樣一改就行了。。。

也許是週一的緣由吧,感受找問題的方法思路很亂。。。 因而浪費了美好的週一上午。。。 

總結: 標籤必定要記得成雙成對,不然小小的標籤問題,將會致使你花更多的時間去找莫名其妙的問題,並且每每費力不討好。。養成良好的習慣,既是對本身負責,也能提升工做效率。。 千萬不要因小失大。

也許你和我今上午同樣,感到懊惱,感到迷茫,看看你的標籤,是否也出了點小問題吧。。

相關文章
相關標籤/搜索