如何評估 Ajax 回應傳回的 JavaScript 函數？

整合 Ajax 回傳的 JavaScript 函數

當 Ajax 回應傳遞包含 JavaScript 函數的腳本區塊時，就會出現挑戰。必須執行此函數才能觸發特定操作。

解決方案：評估函數程式碼

儘管它位於

中，但元素中，瀏覽器不知道新函數的存在，除非明確執行聲明代碼。為了實現這一點，函數的程式碼必須使用 eval() 進行評估，正式聲明該函數並使其在整個頁面的生命週期中都可以存取。

考慮以下簡化範例：

<code class="html"><script>
  var newFunc = '<script>function go() { alert("Hello!") }</script>';
  var e = document.getElementById('myElement');
  e.innerHTML = newFunc;
  eval(document.getElementById('newFunc').innerHTML);
</code>

在這個場景中，沒有使用Ajax，但是概念還是一樣的。腳本區塊動態插入到

中。 before eval() 用於執行函數宣告。

其他注意事項

值得注意的是，這種方法可能並非在所有情況下都是最佳的。重複的Ajax 呼叫或對不同上下文中函數持久性的關注可能需要替代的設計解決方案，例如：

• 在單獨的JavaScript 文件中公開函數
• 採用krosenvold 概述的原型方法（跨瀏覽器相容性、經過測試的功能）

最終，最佳解決方案取決於應用程式的特定要求和上下文。

以上是如何評估 Ajax 回應傳回的 JavaScript 函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！