如何在html中使用jQuery变量

Question

我正在编写一个网站，我需要将一些变量传递给当前的php页面（其中包含jQuery函数）。

我需要使用html按钮按下来将变量从jQuery传递到php页面本身。

这是psuedo-function：

<?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 ，然后加载页面内容.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()或.load()，您的用户可以通过点击按钮等从不同的脚本/页面加载内容/数据，而无需离开当前页面。它基本上都是关于在回发后绕过浏览器刷新。

注意：您可能还想查看$.post("page.php", $("#testform").serialize());

您可以找到documentation here。

希望它有所帮助。