js関数ファイルを作成する方法と、その関数を実行するためにajaxを通してそのファイルを呼び出す方法

Question

javascript関数を持つajaxでファイルを呼び出そうとしています。私はファイルの内容を取得することができます（それを警告すると、そのファイルに書かれたすべてが表示されます）が、ファイル内の関数を呼び出す方法がわかりません。

私のコードは次のとおりです。 その機能を実行するために、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関数のコールバックはオプションです