Question

当AJAX成功时，如何调用2个函数？我的代码如下，我正在使用Codeigniter。我在视图中有3个选择字段，当第一个选择被更改时，它将由控制器调用模型并根据所选择的汽车获取材料。之后，它还应该获得颜色，这是基于所选材料的第三个字段。

$(document).ready(function(){
    $('#car').change(function(){ 
      $("#material > option").remove(); 
      var car_id = $('#car').val(); 
      $.ajax({
          type: "POST",
          url: "http://localhost/wheel_configurator/user/get_material/"+car_id,
          success: function(materials)
          {
            $.each(materials,function(materialID,materialName)
            {
              var opt = $('<option />'); 
              opt.val(materialID);
              opt.text(materialName);
             $('#material').append(opt);
            });
         }
     });
   });

    $('#material').change(function(){ 
        $("#color > option").remove();
        var material_id = $('#material').val();
        $.ajax({
            type: "POST",
            url: "http://localhost/wheel_configurator/user/get_color/"+material_id, 
            success: function(colors) 
            {
                $.each(colors,function(colorID,colorName) 
                {
                    var opt = $('<option />'); 
                    opt.val(colorID);
                    opt.text(colorName);
                    $('#color').append(opt);
                });
            }
        });
    });
});

Answer 1

第一：有什么问题？你有块

$.each(materials,function(materialID,materialName)
{
    ....
}

你可以做任何你想做的事。根据需要调用尽可能多的功能。

第二：它不是php问题。这是Javascript / jquery的问题。

AJAX成功调用2个函数

1 个答案: