我正在尝试使用 jQuery 和 yahoo 地图服务编写一个简单的位置查找调用。即,用户将位置放入搜索框中,当他们绑定 jQuery 时,会调用我网站上的一个页面,该页面从雅虎返回 XML。
地理编码.aspx.cs
protected void Page_Load(object sender, EventArgs e)
{
var url= "http://local.yahooapis.com/MapsService/V1/geocode?appid=SjCk7UjV34H0L9VoW5dFEXFGvsQuKX0xwIPNBX.rY8XxrWZbIYeSScFGuMrJyen_QwGKpLk-&location=" + Request.QueryString["location"];
var oBuilder = new StringBuilder();
var oStringWriter = new StringWriter(oBuilder);
var oXmlReader = new XmlTextReader(url);
var oXmlWriter = new XmlTextWriter(oStringWriter);
while (oXmlReader.Read())
{
oXmlWriter.WriteNode(oXmlReader, true);
}
oXmlReader.Close();
oXmlWriter.Close();
Response.Clear();
Response.Write(oBuilder.ToString());
Response.Flush();
Response.End();
}
地理编码.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Geocode.aspx.cs" Inherits="Search_Geocode" %>
我的搜索页面使用以下 jQuery 代码来调用此页面:
function findAddress() {
var address = document.getElementById('ctl00_ContentPlaceHolder1_Location').value;
if (address.length > 3) {
$.ajax({
type: "GET",
url: "Geocode.aspx?location=" + address,
dataType: "xml",
success: function(xmlData) {
$(xmlData).find('Result').each(function() {
document.getElementById('ctl00_ContentPlaceHolder1_Lat').value = $(this)[0].selectSingleNode('Latitude').text;
document.getElementById('ctl00_ContentPlaceHolder1_Long').value = $(this)[0].selectSingleNode('Longitude').text;
document.getElementById("locationspan").innerHTML = $(this)[0].selectSingleNode('Address').text + '<br />' + $(this)[0].selectSingleNode('City').text + '<br />' + $(this)[0].selectSingleNode('State').text;
var mapList = document.getElementById("divAddressSelector");
mapList.className = 'mapAddressSelectorHide';
});
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest + '--' + textStatus + '--' + errorThrown);
}
});
}
}
运行此代码会生成一个带有以下文本的文本框: undefinedparsererror--undefined
当我从我的地理编码页面创建一个 XML 文件并将 jQuery 的 url 指向该文件时,一切正常。
谢谢你的帮助。