0

在 46 字符串中，如果我手动键入点名称而不是变量res[点名称] 它可以工作。但如果没有，那就行不通了。

它的工作原理是：

  1. 点击点
  2. 取点名称
  3. 在维基百科中搜索
  4. 解析xml
  5. 从 xml 获取 URL
  6. 在 iframe 中打开 URL

我哪里做错了？

粘贴代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
        <script type="text/javascript">
            var map = null;

            function GetMap() {
                // Initialize the map
                map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), {
                    credentials: "An-KyHsPpYClz9oHXMZ6X3SW6I44Ei2DTTrUS_QlXUW43qqsvOAQrT9ekVEIBT9u"
                });
                Microsoft.Maps.Events.addHandler(map, 'click', LatLong);
            }

            function LatLong(e) {
                if (e.targetType == "map") {
                    var point = new Microsoft.Maps.Point(e.getX(), e.getY());
                    var loc = e.target.tryPixelToLocation(point);
                    lola = "lo,loe".replace('lo', loc.latitude).replace('loe', loc.longitude);
                }
                MakeGeocodeRequest('An-KyHsPpYClz9oHXMZ6X3SW6I44Ei2DTTrUS_QlXUW43qqsvOAQrT9ekVEIBT9u');
            }

            function ClickGeocode(credentials) {
                map.getCredentials(MakeGeocodeRequest);
            }

            function MakeGeocodeRequest(credentials) {

                var geocodeRequest = "http://dev.virtualearth.net/REST/v1/Locations/" + lola + "/?output=json&jsonp=GeocodeCallback&key=" + credentials;
                CallRestService(geocodeRequest);
            }


            function GeocodeCallback(result) {
                res = (result.resourceSets[0].resources[0].name);
                console.log(res);
                $(document).ready(function () {
                    $.ajax({
                        type: "GET",
                        url: "http://en.wikipedia.org/w/api.php?action=opensearch&limit=1&format=xml&search="+res,
                        dataType: "xml",
                        success: xmlParser
                    });
                });
            }

            function xmlParser(xml) {
                var str = jQuery(xml).find("Url").text()
                alert(str);
                document.getElementById("iframe").src=str.replace('en.', 'm.');
            }


            function CallRestService(request) {
                var script = document.createElement("script");
                script.setAttribute("type", "text/javascript");
                script.setAttribute("src", request);
                document.body.appendChild(script);
            }
        </script>
    </head>

    <body onload="GetMap();">
        <iframe align="right" height="500px" id="iframe" src="" width="48%"></iframe>
        <div id='mapDiv' style="position:relative; width:48%; height:500px;"></div>
    </body>

</html>
4

1 回答 1

0

所以我们基本上有这个：

function GeocodeCallback(result) {
    res = "Wróblew, Woj. Lodzkie";
    $(document).ready(function () {
        $.ajax({
            type: "GET",
            url: "http://en.wikipedia.org/w/api.php?action=opensearch&limit=1&format=xml&search="+res,
            dataType: "xml",
            success: xmlParser
        });
    });
}

我能发现的主要问题：

  1. 您依靠全局res变量来提供urlAJAX 调用。如果浏览器尝试同时执行两个 AJAX 请求，这很容易失败。你错过了var关键字吗？

  2. 您不能在 URL 中注入随机字符串。在 vanilla JavaScript 中，你会使用encodeURIComponent()但我确信 jQuery 允许简单地传递一个对象。

它可能与您的问题无关（不可能从您那里获得确切的错误消息），但这是我最好的猜测。

于 2013-01-02T12:27:29.153 回答