从 javascript 数组创建一个 Jquery 数组
Make a Jquery array from a javascript array
我使用以下代码从谷歌地图距离矩阵中提取一些里程数据。问题是它以普通的javascript的形式返回。我已经设法让它将数据放入 javascript 数组中,所以我有:
arrResults[0]
arrResults[1]
arrResults[2]
arrResults[3]
但是我现在想在 Jquery 中使用数组,但无法弄清楚如何将其转换为 Jquery 数组?
$( document ).ready(function() {
$( "#submit" ).click(function() {
$("#my_map").gmap3({
getdistance:{
options:{
origins:["pe219px","ng323rj"],
destinations:["pe219px","ng323rj"],
travelMode: google.maps.TravelMode.DRIVING,
unitSystem: google.maps.UnitSystem.IMPERIAL
},
callback: function(results, status){
var html = "";
var arrResults = [];
if (results){
for (var i = 0; i < results.rows.length; i++){
var elements = results.rows[i].elements;
for(var j=0; j<elements.length; j++){
switch(elements[j].status){
case "OK":
var sd=$(this).text();
html += parseInt(elements[j].distance.text) + "<br />";
arrResults.push(elements[j].distance.text);
break;
case "NOT_FOUND":
html += "The origin and/or destination of this pairing could not be geocoded<br />";
break;
case "ZERO_RESULTS":
html += "No route could be found between the origin and destination.<br />";
break;
}
}
}
} else {
html = "error";
}
$("#my_map").html( html );
}
}
});
}); });
</head>
<body>
<div id="my_map"></div>
<p><a id="submit" href="#">Submit</a></p>
它的问题稍微大一些,因为您使用的是gmap3
插件,但这是我解决问题的方法。
第一:已编辑(有关更多详细信息,请参阅编辑(
其次,通过在 IIFE 的顶部声明arrResults
,使其全局可用于您的函数。不要在其他任何地方重新声明它。
第三,将 ajax 函数的回调逻辑分离到一个新函数中。它使代码更易于阅读。像processData()
.
第三,一旦 AJAX 完成并且您的processData
函数已经完成了它的运行,使用jQuery
向页面添加新的#viewresults
按钮。
$('body').append('<input id="viewresults" type="submit" value="View results"/>')
你这样做是因为 AJAX asyncronous
.在收集数据之前单击viewresults
按钮将导致错误或什么都不会导致,因此(至少对于您的代码而言(仅在数据可用时才使用该按钮是有意义的。
我在这个jsfiddle中提供了这些想法的摘要(未经测试,但应该给你一些线索(。我希望你觉得它有用。
相关文章:
- Javascript(Angular)从一个对象数组到第二个数组查找值
- 根据id将json数组组合为一个json数组
- JavaScript数组包含一个值
- 对一个对象使用reduce可以返回一个没有't在数组中包含目标字母
- jQuery$.inArray()总是返回-1和一个对象数组
- 在数组中的一个元素上设置多个值
- javascript处理一个对象数组以获得一个新的对象数组
- 作为一个二维数组,从ajax接收
- 你能用来自数组的属性名称生成一个对象吗
- 多维关联数组的最后一个索引
- 如何创建一个方法来验证数组的范围
- 循环以检查数组中的最后一个图像
- 在Javascript中将一个值和字符串数组转换为if语句
- 算法:从数组(javascript/angular)中按当前日期获取上一个和下一个事件
- 如何将一个对象添加到每个对象数组中
- 如何创建一个谷歌地图地理坐标数组
- 如何从另一个带下划线的数组中筛选带元素的数组
- 使用window.location.htm和匹配的URL数组(一个用于桌面,一个用于移动)将桌面网站重定向到移动
- Javascript排序多维数组-一个完整的例子
- 刽子手的游戏.2数组.一个需要相应地更新另一个