jQuery と yahoo マップ サービスを使用して、単純な位置検索呼び出しを作成しようとしています。つまり、ユーザーが検索ボックスに場所を入力すると、jQuery が yahoo から XML を返す私のサイトのページを呼び出します。
Geocode.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 を指定すると、代わりにすべてが正常に機能します。
助けてくれてありがとう。