如何使js函數文件以及如何通過ajax調用該文件來完成該功能

Question

我正試圖通過ajax調用一個具有javascript函數的文件。我能夠獲得文件的內容（當我提醒它時，它顯示了該文件中的所有內容），但我不知道如何調用該文件中的函數。

我的代碼是： 要調用Ajax來運行功能：

if($("#essentialbtn").click(function() { 
    $.ajax("essentialplan.php").done(function(data) { 
     alert(data); 
    }); 
})); 

文件：（名爲essentialplan.php）

<script type="text/javascript"> 
    localStorage.setItem('essentialPlan', $('#essential').text());  
    localStorage.setItem('essentialPrice', $('#priceA').text()); 

    window.location.href = "http://incrediblewebpages-com.stackstaging.com/convertion%20bubble/conversion2.php"; 
</script> 

Answer 1

將其更改爲一個腳本文件，並使用$.getScript()。確保也刪除<script>標籤。

還能去除if()

essentialplan.js

localStorage.setItem('essentialPlan', $('#essential').text());  
localStorage.setItem('essentialPrice', $('#priceA').text()); 

window.location.href = "http://incrediblewebpages-com.stackstaging.com/convertion%20bubble/conversion2.php"; 

點擊代碼：

$("#essentialbtn").click(function() { 
    $.getScript("essentialplan.js"); 
}) 

Answer 2

首先，你需要從essentialplan.php文件刪除腳本標籤，使內容/響應數據應該是這樣的：

localStorage.setItem('essentialPlan', $('#essential').text());  
localStorage.setItem('essentialPrice', $('#priceA').text()); 

window.location.href = "http://incrediblewebpages-com.stackstaging.com/convertion%20bubble/conversion2.php"; 

然後，您可以使用eval()：

$("#essentialbtn").click(function() { 
    $.ajax("essentialplan.php").done(function(data) { 
     eval(data); 
    }); 
}) 

，或者您可以使用$.getScript()：

$("#essentialbtn").click(function() { 
    $.getScript("essentialplan.php").done(function(script, textStatus) { 
     // do whatever you want to do 
    }); 
}); 

PS：你並不需要的，如果（）來設置一個jQuery單擊事件 PS （2）：$.getScript函數的回調是可選的