Jquery代码未在ajax成功事件中执行Sequentialy

时间:2017-02-25 07:16:47

标签: javascript jquery .net ajax

我面临一个简单的问题。

    $.ajax({
                type: "Post",
                url: apiurl,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: josnstr,
                success: function (data) {
                    $(data).each(function () {
                        $('#ddlRegisteredOfficeinState').val(this.state).change();
                        alert($('.ddlRegisteredOfficeinCity').html());
                        $('.ddlRegisteredOfficeinCity').val(this.city).change();
                    });
                },
                error: function () {
                    alert("error while feching record.");
                }
            });

这是我的代码,

问题是没有完成$('#ddlRegisteredOfficeinState').val(this.state).change();更改事件 $('.ddlRegisteredOfficeinCity').val(this.city).change();此行正在执行...

如何在成功完成状态更改事件后执行我想执行城市变更事件...

请帮帮我..

1 个答案:

答案 0 :(得分:0)

快速思考!

#ddlRegisteredOfficeinState

检查这是id还是class,如果是class,则使用.ddlRegisteredOfficeinState。我怀疑这是因为.ddlRegisteredOfficeinCity是一个类。

如果上面的内容不起作用且您正在动态填充drpdownlists,请使用以下方法。

您必须声明一个存储城市价值的全局变量。 然后为ddlRegisteredOfficeinState实现onchange并在该函数中设置ddlRegisteredOfficeinCity的值。

var c_city="";

 $("#ddlRegisteredOfficeinState").change(function () {
if(c_city!="") {
$('.ddlRegisteredOfficeinCity').val(c_city).change();
c_city ="";
}
 });
$.ajax({
            type: "Post",
            url: apiurl,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: josnstr,
            success: function (data) {
                $(data).each(function () {
$('#ddlRegisteredOfficeinState').val(this.state).change();
c_city = this.city;
 //alert($('.ddlRegisteredOfficeinCity').html());
//$('.ddlRegisteredOfficeinCity').val(this.city).change();
      });
            },
            error: function () {
                alert("error while feching record.");
            }
        });