jquery
  • ajax
  • 2011-09-22 46 views 0 likes 
    0

    即时通讯使用这个jQuery功能做一个AJAX查询:如何在使用jquery的ajax查询之后清除textfields?

    $("#add").click(function() {  
        val1 = $('#add_lang_level').val(); 
        val = $('#add_lang').val(); 
        listitem_html = '<li>'; 
        listitem_html += '<span id="lang_val">' + val + '</span> <strong>('+ val1 + '/100)</strong>'; 
        $.ajax({ url: 'addremovelive.php', data: {addname: val,addlevel: val1}, type: 'post'}); 
        listitem_html += '<a href="#" class="remove_lang"> <span class="label important">Remove</span></a>' 
        listitem_html += '</li>'; 
        $('#langs').append(listitem_html); 
    }); 
    

    我想清楚了一些文本框的内容后,阿贾克斯查询完成,但不知道怎么办。谢谢你的帮助!

    回答

    1
    $("#add").click(function() {  
        val1 = $('#add_lang_level').val(); 
        val = $('#add_lang').val(); 
        listitem_html = '<li>'; 
        listitem_html += '<span id="lang_val">' + val + '</span> <strong>('+ val1 + '/100)</strong>'; 
        $.ajax({ url: 'addremovelive.php', data: {addname: val,addlevel: val1}, type: 'post', 
        success: function(d) { 
        $('#add_lang_level').val(''); 
        $('#add_lang').val(''); 
        } 
    }); 
        listitem_html += '<a href="#" class="remove_lang"> <span class="label important">Remove</span></a>' 
        listitem_html += '</li>'; 
        $('#langs').append(listitem_html); 
    }); 
    

    你可以这样做,我已经添加了anonymus函数,它将被成功调用。

    1

    您可以提供success回调函数作为ajax函数的参数。回调将执行异步调用成功完成后:

    $.ajax({ 
        url: 'addremovelive.php', 
        data: {addname: val,addlevel: val1}, 
        type: 'post', 
        success: function() { 
         //Do whatever you need to... 
         $("#yourTextField").val(""); 
        } 
    }); 
    

    需要注意的是,如果这是你与你的ajax电话做什么,你也可以使用简写post方法:

    $.post("addremovelive.php", { 
        addname: val, addlevel:val1 
    }, 
    function() { 
        //Callback 
    }); 
    

    检查ajaxpost方法的文档可以了解每种方法的可用选项。

    0

    尝试添加成功回调,做您的清算在那里:

    $.ajax({ 
        url: 'addremovelive.php', 
        data: {addname: val,addlevel: val1}, 
        type: 'post', 
        success: function(){ 
         //this function is a callback that is called when the AJAX completes 
        } 
    }); 
    
    相关问题