كيفية عرض البيانات التي تم جلبها من API في صفحة html؟
-
29-09-2019 - |
سؤال
لدي صفحة htmlأنا هنا أستخدم tabview لـ Yahoo API.إنه :
<div id="demo" class="yui-navset">
<ul class="yui-nav">
<li class="selected"><a href="#tab1" onclick="TopStories()"><em>Top Stories</em></a></li>
<li><a href="#tab2" onclick="FinanceNews()"><em>Finance</em></a></li>
<li><a href="#tab3" onclick="SportsNews()"><em>Sports</em></a></li>
</ul>
<div class="yui-content">
<div><p>Top Stories</p></div>
<div><p>Finance</p></div>
<div><p>Sports</p></div>
</div>
</div>
في onClickEvent الوظائف المستخدمة، جلب البيانات من أخبار Google>
function TopStories(){
location.href="http://www.google.com/news/search?aq=f&pz=1&cf=all&ned=in&hl=en&q=TopStories";
}
function FinanceNews(){
location.href="http://www.google.com/news/search?aq=f&pz=1&cf=all&ned=in&hl=en&q=Finance";
}
function SportsNews(){
location.href="http://www.google.com/news/search?aq=f&pz=1&cf=all&ned=in&hl=en&q=Sports";
}
لكن الإخراج هو التنقل إلى صفحة الأخبار.لكنني أريد عرضها كمحتوى علامة تبويب.
ماذا علي أن أفعل ؟
المحلول
يمكنك استخدام iframe لهذا الغرض ..انظر المثال أدناه،،
باستخدام علامة التبويب Jquery، يتم دائمًا إنشاء div حيث يتم عرض النتيجة.لديك الطريقة الوحيدة لفتح الرابط الخارجي على صفحتك باستخدام .
<li><a href=ReturnIfram()><span>Google</span></a></li>
href احصل على سلسلة تحتوي على iframe مثل
public string ReturnIfram()
{
return "<iframe src="http://google.fr"></iframe>"
}
حاول أعلاه في جافا سكريبت انظر المثال أدناه
<html>
<head>
<script language="JavaScript" type="text/javascript">
function makeFrame() {
ifrm = document.createElement("IFRAME");
ifrm.setAttribute("src", "http://developerfusion.com/");
ifrm.style.width = 640+"px";
ifrm.style.height = 480+"px";
document.body.appendChild(ifrm);
}
</script>
</head>
<body>
<p><a href="#" onMouseDown="makeFrame()">GO! </a></p>
</body>
</html>
لا تنتمي إلى StackOverflow