douzhi6365 2018-02-14 19:15
浏览 96
已采纳

确定ajax调用已完成以运行另一个ajax调用

In my project I have some select option group which load ajax data depending on previous value. Now I am having problem when I am trying to copy them to another select option group.

here is the scenario

parmanet address              Present Address
Division                      Division    
District                      District
Upzilla                       Upzilla
Union                         Union  

All of them are select field and after select each field next select option loaded by ajax. I put a checkbox and when user click the checkbox, parmanent address data should copy to present address with all the ajax call.

Now The problem is, the jquery "val" function not working because it runs before the data loaded from ajax. If I put delay to 100 ms, it working, but It's not a proper way. Is there any better way to solve this problem??

This is my code when i change division to load ajax data to division, and other option is same as like this.

$('#divisions').change(function() {
    $("#villtable").hide();
    $("#villaddform").hide();
    $.ajax({
      type: 'post',
      url: 'GetDistricts',
      data: {
        get_option:this.value
      },
      success: function(response) {
        document.getElementById("districts").innerHTML=response;
      }
    });
  });

And this is what i tried to copy data to present address group...

$.when( $('.division-prese').val(divi).trigger('change').delay( 100 ) ).then(function() {
    $.when( $('.district-prese').val(dist).trigger('change').delay( 100 ) ).then(function() {
        $.when( $('.upazilla-prese').val(upaz).trigger('change').delay( 100 ) ).then(function() {
                        $('.union-prese').val(unio).trigger('change');
        });   
    });
});

i also tried 'done', but still not working.

  • 写回答

2条回答 默认 最新

  • dsaf415212 2018-02-14 20:11
    关注

    General idea of extracting the logic and using it in two places, one of which performing the promise chaining.

    function loadDistricts ($divisions) {
        return $.ajax({
            type: 'post',
            url: 'GetDistricts',
            data: {
              get_option: $divisions.val()
            },
            success: function(response) {
                $('#districts').html(response);
            }
          });
    }
    
    //... other methods
    
    var $divisions = $('#divisions');
    var $districts = $('#districts');
    var $upazillas = $('#upazillas');
    
    $divisions.change(function() {
        $("#villtable").hide();
        $("#villaddform").hide();
        loadDistricts($divisions);
    });
    
    //... other change methods
    
    $('.division-prese').val(divi);
    
    loadDistricts($divisions).then(function(){
        $('.district-prese').val(dist);
    
        loadUpazillas($upazillas).then(function(){
            $('.upazilla-prese').val(upaz);
    
            //call next thing
        });
    });

    </div>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥66 定制开发肯德基自动化网站下单软件
  • ¥20 vscode虚拟环境依赖包未安装
  • ¥15 odoo17关于owl开发js代码问题
  • ¥15 光纤中多普勒频移公式的推导
  • ¥15 怎么制作一个人脸识别门禁系统
  • ¥20 大华dss监控平台网络关闭登不进去
  • ¥15 请使用蚁群算法解决下列问题,并给出我完整的代码
  • ¥20 关于php录入完成后,批量更新数据库
  • ¥15 请教往复密封润滑问题
  • ¥15 cocos creator发布ios包