javascript - 想從後端直接傳多個對象到前端js(頁面請求的時候就賦值) 怎麼做?

想從後端直接傳多個對象到前端js(頁面請求的時候就賦值)
改要怎麼弄?
是頁面完成後立馬執行ajax傳過來?

我是直接寫在html

obj1 = JSON.parse('{jsonData1}');obj2 = JSON.parse('{jsonData2}');

可是資料一旦複雜就會報

如果用ajax傳過來的話就不會報錯

我也想要js和html分離開來 這種情況要怎麼處理比較合適?

回複內容：

想從後端直接傳多個對象到前端js(頁面請求的時候就賦值)
改要怎麼弄?
是頁面完成後立馬執行ajax傳過來?

我是直接寫在html

obj1 = JSON.parse('{jsonData1}');obj2 = JSON.parse('{jsonData2}');

可是資料一旦複雜就會報

如果用ajax傳過來的話就不會報錯

我也想要js和html分離開來 這種情況要怎麼處理比較合適?

• 直接寫沒問題，自己 escape 一下特殊符號。

• 頁面載入時阻塞載入一個 JS 檔案（類似 JSONP 的方法），裡面放你的資料。

• 頁面載入時使用同步 XHR 載入資料（強烈不推薦）。

以上三個方法可以保證實現頁面載入完成時已經讀到資料。

但是我很不建議你這麼做。同步阻塞的方式其實不利於使用者體驗。其實 Ajax 傳過來沒什麼不好的。不如頁面上先放一個「載入中」的佔位，等 Ajax 資料返回後再渲染你的內容，然後替換掉那個佔位。Google 的產品基本都是這麼做的。

直接非同步請求吧，也沒啥“好辦法”

