JQuery中实现Ajax与服务器通过JSON交互数据

1.JQuery中的简单的使用ajax。

Js代码

$.ajax({ //一个Ajax过程         type: "post"//以post方式与后台沟通         url : "get_location_by_id"//与此页面沟通         data: 'device_id=' + this.nextSibling.id,         beforeSend: function(){            var win = $.messager.progress({                    title:'Please waiting',                    msg:'Loading data...'               });        },        complete: function(){            //AJAX请求完成时隐藏loading提示            $(document).ready(function(){$.messager.progress('close');});        },        success : function(msg) {            //更新数据            if (msg != "") {                var total = eval(msg);                if(total.length == 0){                    change_map_default();                    $.messager.show({                        title:'友情提示:',                        msg:'不好意思,你的这个设备还没有地理位置的记录。',                        timeout:5000,                        showType:'slide'                   });                }                for ( var index = 0; index < total.length; index++) {                    if (index == 0) {                        change_map(total[index].longitude, total[index].latitude);                    } else {                        addPolyline(total[index - 1].longitude, total[index - 1].latitude,                                total[index].longitude, total[index].latitude);                    }                    var myCompOverlay = new ComplexCustomOverlay(                            new BMap.Point(total[index].longitude, total[index].latitude),                            total[index].time, "地点为:(" + total[index].longitude + "," + total[index].latitude + ")");                    mp.addOverlay(myCompOverlay);                    add_marker(total[index].longitude, total[index].latitude);                }            }        }    });  

2.各种浏览器对childNodes的解析不同,要特别注意。

3.百度地图api使用,在自己网页中添加百度地图。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwdgjx.html