Ajax Jquery改變div值本身

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