onclick不執行了?注意\r\n

      在web開發中CRUD是基礎,也是初學者進行最多的工作,其中Update需要進行回顯,一般我們會再次發送請求進行回顯,但是有時候有人也會直接將data寫在edit方法中(這很難描述,如下代碼所示)。

<!--data爲請求後端獲取的數據,使用js將下面這部分html串添加到dom中;使用時點擊edit進行編輯,將數據回顯到#modal中-->
<a href="#modal" onclick='editor(\""+ data.id+"\",\""+ data.desc+"\");'>修改</a>

<script type="text/javascript">
function editor(id,desc){
	...
}
</script>

      但是在使用時發現總是無法調用edit方法,查看source可以發現確實數據已經在editor方法中了,這時候我們需要注意的是特殊字符\r\n它們的存在會導致edit無法執行(因爲你editor中的數據是拼起來的),尤其需要注意字符串的末尾。
在這裏插入圖片描述
      正如此圖所展示的一樣,數據都在呀,爲什麼對應的onclick方法卻沒有執行呢?原因就是上面所敘述的一樣,錯過的後面有\r\n等字符。隨意錄入時候需要過濾這些字符。html出錯了,注意這些字符!
      最後需要說的是,回顯還是不要這麼做吧! 組件不好用嗎?

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章