Js+Jquery+bootstrap问题小结

最新推荐文章于 2023-12-18 10:24:38 发布

原创最新推荐文章于 2023-12-18 10:24:38 发布 · 525 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap #jquery #javascript

javascript 同时被 3 个专栏收录

17 篇文章

订阅专栏

jquery

5 篇文章

订阅专栏

bootstrap

1 篇文章

订阅专栏

该脚本通过AJAX请求获取指定的JD线路信息，并将其转换为数组形式，然后更新全局变量NAME，最后调用模态框显示路线详情。

function _JDLineDeal(jdline) {
    if (!(jdline == "south" || jdline == "north" || jdline == "east" || jdline == "west")) return;
    $.ajax({
        type: "POST",//提交方法
        url: "createPlan.ashx",//后台处理文件地址
        datatype: "json",//返回数据类型
        async: false,
        data: {//提交数据
            "method": "getJDLineInfo", "jdline": jdline
        },
        success: function (data) {
            var json = eval('(' + data + ')');
            VeryGoodRouteArray.length = 0;
            var obj = {}, nameStr="";
            for (var i = 0; i < json.length; i++) {
                obj.x = json[i].Longitude;
                obj.y = json[i].Latitude;
                obj.name = json[i].Name;

                VeryGoodRouteArray.push(obj);
                obj = {};//需要置空,不置空导致VeryGoodRouteArray数组元素全为最后一个索引值

                nameStr += json[i].Name;
                nameStr += '|';
            }
            NAME = nameStr; 
        },
        error: function () {
            alert("ajax有错！");
        }
    });
    $("#cjxc-btn-ok").attr("disabled", false);

    //调用bootstrap插件模态框需要使用$(function(){...})
    $(function () {
        createPlan();
        $('#myModal').modal('show');
    })
}