Question

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

图表1：销售：每月，每年;
图表2：客户：产品类型......）;

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

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

工作

MAIN.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>

vendas.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>

Answer 1

// 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; ?>");

Ajax Jquery改变div值本身

1 个答案: