0

我有一个页面调用一些谷歌图表。这些图表中的每一个都有自己的过滤器：

  • 图 1：销售：每月、每年；
  • 图表 2：客户：产品类型...）；

所以我通过 ajax 调用（通过点击）调用它们中的每一个。但现在麻烦来了：我需要通过另一个 ajax 调用过滤图表，在我已经调用过的页面内。

基本上我只需要更改 $_GET 值并刷新首先调用的 div。

在职的

主.PHP

//receives the chart content
<div id="resultado"> 
  <!-- Google Chart -->
</div>     
 <pre>
//call the chart by click event
<a href="#" id="grafico1">click</a>
<script type="text/javascript">
 $.ajaxSetup({
  cache: false
 });
 var ajax_load = "<img src='images/preloader.gif' class='loading' />";
 var carregaUrl = "graficos/vendas.php";

 $("#grafico1").click(function(){
    $("#resultado")
    .html(ajax_load)
    .load(carregaUrl, "id=<?php echo $id; ?>");
 });
</script>

文达斯.php

<select id="getValue">
    <option value="0">Selecionar</option>
    <option value="121">John</option>
    <option value="131">Rubia</option>
    <option value="141">Tony</option>
</select>
<script>
$.ajaxSetup({ cache: false });
var ajax_load = "<div id='grafico-load' class='span14'><img src='images/preloader.gif' alt='carregando...' class='loading' /></div>";
var carregaUrl = "graficos/vendas.php";
$("#getValue").change(function(){
var v = $('select#getValue').val();
    $("#resultado")
        .html(ajax_load)
        .load(carregaUrl, "idg="+v);
});
</script>
4

1 回答 1

0 
// However you opt to do so, change the value of our `GET` url
carregaUrl = "graficos/newurlhere.php";

// once the value is updated, your existing `click` function 
// will load its result in `$("#resultado")`

$("#grafico1").click(function(){
    $("#resultado")
    .html(ajax_load)
    .load(carregaUrl, "id=<?php echo $id; ?>");
});

如果你想更新值并在没有click事件的情况下运行加载函数，你也可以这样做：

$("#resultado").html(ajax_load)
               .load(carregaUrl, "id=<?php echo $id; ?>");
于 2013-04-08T18:05:22.687 回答