Javascript Can';t更新iframe';在ASP.NET中的查看器中设置src
在ASP.NET C#的共享文件夹中,我创建了一个.cshtml,它定义了一个可以从API获取数据的按钮。我想生成一个url,并使用它来更新查看器的iframeJavascript Can';t更新iframe';在ASP.NET中的查看器中设置src,javascript,html,asp.net,model-view-controller,iframe,Javascript,Html,Asp.net,Model View Controller,Iframe,在ASP.NET C#的共享文件夹中,我创建了一个.cshtml,它定义了一个可以从API获取数据的按钮。我想生成一个url,并使用它来更新查看器的iframe function callAPI(searchText) { $.ajax({ url: '/Home/CallAPI', data: { Text: searchText }, type: "
function callAPI(searchText) {
$.ajax({
url: '/Home/CallAPI',
data: { Text: searchText },
type: "GET",
success: function (result) {
var data = JSON.stringify(result); // server response
found_data = data;
$(result).each(function () {
if (this.status == "found") {
alert("Found!" + data);
var frameElement = document.getElementById("SearchingMap");
lon = result.results[0].lon;
lat = result.results[0].lat;
new_searching_url = "http://xx.xxx.xxx.xxx:8080/styles/osm-bright-tw/#17/" + lat.toString() + "/" + lon.toString();
console.log(frameElement.src); // undefined
frameElement.src = new_searching_url;
console.log(frameElement.src); // "http://xx.xxx.xxx.xxx:8080/styles/osm-bright-tw/#17/.../..."
}
else {
alert("Sorry! Not found");
}
});
},
error: function () {
alert("Sorry! Not found");
}
});
}
但是,查看器中名为SearchingMap.cshtml的iframe不会更新
@{ViewBag.Title = "SearchingMap";}
<div id="SearchingMap">
<h3>Searching map</h3>
<iframe src="http://xx.xxx.xxx.xxx:8080/styles/osm-bright-tw/#10.01/25.0709/121.5008" frameborder="0" scrolling="no">Your browser doesn't support iframe.</iframe>
</div>
@{ViewBag.Title=“SearchingMap”;}
搜索地图
您的浏览器不支持iframe。
为什么它不能工作?如何更新查看器的iframe?此处的
iframe
没有idSearchingMap
,因此所有javascript代码都会因为这一行而失败:
var frameElement = document.getElementById("SearchingMap");
只需在iframe
<iframe id="SearchingMap" ...
仔细查看元素SearchingMap
,看看它是否有src
属性。或者如果它是一个iframe。。。。。