2013-04-12 27 views
1

我正在创建一个“预算计算器”来管理节日上的钱。如何通过PHP更新jQuery计算器的价格

任何人都可以告诉我你将如何在JQuery中包含一个PHP脚本?

到目前为止,我已经计算出您每天在不同类别的习惯中可能花费的金额,然后在周末的时候加上3。

我希望能够随时更新这些价格,以确保价格尽可能保持最新。所以我创建了一个mysql数据库和查询计算中等价格,然后通过php脚本将其返回到页面。

这是一个JSfiddle,让你知道它现在的样子 - 虽然它不在网站上工作,但你可以看到设置。 JSfiddle 下面是窗体实际外观的屏幕截图。正如你可以看到每个输入的标题旁边的价格通过php include显示。右侧的按钮导致“更新”表单,允许您输入新的价格。

Screenshot

这是用来显示计算媒体查询的一个例子: PHP:

<?php 

include 'connect.php'; 

$query = "SELECT x.price FROM price_pints x, price_pints y GROUP BY x.price HAVING SUM( SIGN(1 - SIGN(y.price - x.price)))/COUNT(*) > .5 LIMIT 1"; 

$result = mysql_query($query) or die(mysql_error()); 

while($row = mysql_fetch_array($result)){ 
echo "£".$row['price']; 
} 
?> 

我想要做的就是这同一个PHP的包括工作在“数据单位价格”标签内。任何想法?

谢谢。

+1

听起来像你需要的是... AJAX –

+1

请不要在新代码中使用mysql_ *函数。他们不再被维护并被正式弃用。使用PDO或MySQLi代替 –

回答

3

免责声明:这是最简单的方式,我想出了,我试图避免更多先进的东西像动态生成的JavaScript或AJAX

当你创建的页面(PHP,服务器端),加载3种价格三个变量,然后有3个隐藏的输入这样

<input type="hidden" id="pint_price" value="<?php echo $pint_price; ?>"> 

脚本应该看看隐藏输入的值初始化计算器。

注意:如果价格在页面已经加载时发生变化,用户看不到更新。您可能需要考虑在某处放置免责声明。

最好的解决方案是每次用户插入一个新值(如果带宽不是问题,无论是服务器还是用户)还是每隔X分钟都有一个ajax请求。

查看jQuery get docs供参考和举例。

在一个不相关的说明中,你真的不应该使用mysql_ *与(MySQL)数据库交互。稍加努力并学习使用PDO。我真的推荐它。

+0

从我看到的问题来看,这很可能是最好的方法。 AJAX只是一个不必要的服务器调用。 – TheMethod