2014-11-14 90 views
0

我有一個編輯按鈕的div,允許我從下面div的輸入中更新數據。我使用jQuery發送數據,然後更新數據庫。我想能夠更新那個保存所有可更新輸入的呼叫成功的div。我的div保存由不同的jQuery調用提供的信息。jquery成功後刷新不同div?

function post() { 
    var grade_id = $('#grade_id').val(); 
    var name = $('#name').val(); 
    var dealer = $('#dealer').val(); 
    var length = $('#length').val(); 
    var price = $('#price').val(); 
    var comment = $('#comment').val(); 

    $.post (
     'db/ajax/steel.php' 
     {editname:name,editdealer:dealer,editlength:length, 
     editprice:price,editcomment:comment,editgrade_id:grade_id}, 
     function(data) { 
      $('#popup-background').fadeOut(); 
      $('#steel-edit-container').fadeOut(); 
      location.reload(); 
    }); 
} 

是正在進行更新調用,這工作得很好的java。我剛更新的div中的信息不會更新,直到我刷新頁面。我想知道在這次電話會議成功之後我能否做到這一點。我使用location.reolod()函數刷新了頁面,但想知道是否有更好的方法。這是持有可更新輸入的div。

<div id="steel-results" class="column-select-container-result"> 

</div> 
+0

的'reload'拆除使用Ajax JSON格式。嘗試在成功回調中使用數據:'$(「#theDiv」)。load(data);' – devqon

+0

另外,請不要將您的代碼稱爲java – devqon

回答

0

請試試這個

function post() { 
    var grade_id = $('#grade_id').val(); 
    var name = $('#name').val(); 
    var dealer = $('#dealer').val(); 
    var length = $('#length').val(); 
    var price = $('#price').val(); 
    var comment = $('#comment').val(); 

    $.ajax({ 
    url: 'db/ajax/steel.php' , 
    type: "POST", 
    data: "editname=" + name + "&editdealer=" + dealer + "&editlength="+length+"&editprice=" + price + "&editcomment="+comment+"&editGrade="+grade_id, 
     dataType : 'json' 
    success: function(result){ 
     $('#popup-background').fadeOut(); 
      $('#steel-edit-container').fadeOut(); 
      $('#name').val(result.name); 
      $('#dealer').val(result.dealer); 
      $('#length').val(result.length); 
      $('#price').val(result.price); 
      $('#comment').val(result.comment); 
      $('#grade_id').val(grade_id); 
    } 
    }); 

} 

請路過的值steel.php