如何在html中使用jQuery變量

Question

我正在爲一個網站編寫一段代碼，我需要將一些變量傳遞給當前的php頁面（裏面有jQuery函數）。

我需要使用html按鈕按下將變量從jQuery傳遞到php頁面本身。

這裏的僞功能：

<?php 

function foo($v1, v2) {} 
?> 

這是我想使工作的HTML。

<input type="button" onclick="foo([JQVariable 1], [JQVariable 2])" value="Derp" /> 

任何建議要麼做到這一點，要麼讓它更容易？

Answer 1

這是你需要的東西：

JQuery的頁面上有您的按鈕：

function foo(var1, var2) { 
    $.post('path/to/page.php', { v1: var1 , v2: var2 }, function(data) { 
     $('#div').html(data); 
    }); 
} 

通過以上你要後v1和v2到page.php文件，然後將page.php的內容加載到#div。

在page.php文件：

$v1 = $_POST['v1']; 
$v2 = $_POST['v2']; 
function foo($v1, $v2){ 
    // run your function here... 
} 

// the output is loaded onto 'button page' 

與jQuery .post()，.get()或​​您的用戶可以通過點擊的按鈕等。無需離開當前頁面加載內容/從不同勢腳本中的數據/頁。它基本上都是關於繞過瀏覽器刷新回發的。

注：您可能還需要看看$.post("page.php", $("#testform").serialize());

您可以找到documentation here。

希望它有幫助。