使用ajaxComplete控制函数执行顺序

$(document).ready(function () {
            ChangeProvince();
            ChangeCities();       
        });
        //更改省份选项,获取该省的所有城市,绑定到市级下拉框
        function ChangeProvince() {
            GetList("Cities",$("#ddl_Province option:selected").val(),"ddl_Cities");
        }
        //更改市级选项,获取该市的所有区(县),绑定到区(县)级下拉框
        function ChangeCities() {
            GetList("Districts",$("#ddl_Cities option:selected").val(),"ddl_Districts");
        }
        //获取下拉框选项内容
        function GetList(XmlName,ID,SelectID) {
            $.ajax({
                url: "/Account/GetJson/?XmlName=" + XmlName + "&ID=" + ID,type: "GET",dataType: "text",success: function (result) {
                    $("#" + SelectID).html(result);
                }
            });
        }

此时,当执行ready()时会发现,在ChangeCities()函数中$("#ddl_Cities option:selected").val()是取不到值的。


控制函数执行顺序,方法如下:

$(document).ready(function () {
            ChangeProvince();
            $("#ddl_Province").ajaxComplete(function () {
                ChangeCities();
            });    
        });

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 😃 https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: "./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...