在訪問API時,常常需要傳遞或接收JSON格式的數據。而在使用JSON格式時,常常需要使用雙引號來標識鍵名和字符串值。
{ "name": "Lily", "age": 28, "email": "lily@example.com" }
然而,當使用Bootstrap框架的Modal組件時,如果想要用JSON格式作為數據傳遞給Modal,會出現問題。這是因為在HTML中,雙引號是常用的屬性值標識符。因此,如果使用雙引號來表示JSON格式中的鍵名和字符串值,會與HTML語法沖突,導致錯誤。
為了解決這個問題,可以在JSON格式外部再套一層單引號,這樣就可以在JSON中使用雙引號了。
'{ "name": "Lily", "age": 28, "email": "lily@example.com" }'
在使用時,只需將整個JSON格式字符串傳遞給Modal的data參數即可。
$('#myModal').modal({ data: '{ "name": "Lily", "age": 28, "email": "lily@example.com" }' });
這樣,在Modal中就可以正確地顯示JSON格式的數據了。
上一篇css3 鼠標移動彈框
下一篇html 主頁代碼