如何在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。

希望它有帮助。