jquery成功后刷新不同的div?

时间:2014-11-14 09:34:46

标签: javascript jquery

我有一个带有编辑按钮的div,它允许我从下面div中的输入更新数据。我使用jQuery发送数据然后更新我的数据库。我希望能够更新在调用成功时保存所有可更新输入的div。我的div持有由不同jQuery调用提供的信息。

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>

1 个答案:

答案 0 :(得分: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中的值json格式