2016-03-12 5 views
1

У меня очень простая html-страница (используется как информационная панель), которая хранится только локально. Частью этого является виджет офисного офиса для отображения трехдневного прогноза и ливневого радиолокатора. К сожалению, единственный способ обновить дату/информацию - это обновить всю страницу, используя либо функцию обновления метаданных, либо войти в систему и обновить вручную. Поскольку виджет является единственным элементом, который необходимо обновить, есть ли способ обновить div только? и что это происходит через определенное количество времени?Обновить содержимое Div (только для .html)

<div> 
    <iframe src="#"></iframe> 
</div> 
<div> 
    <iframe src="#"></iframe> 
</div> 
<div> 
    <script type="text/javascript"> moWWidgetParams = "moAllowUserLocation:false~moBackgroundColour:white~moColourScheme:white~moDays:5~moDomain:www.metoffice.gov.uk~moFSSI:352790~moListStyle:vertical~moMapDisplay:side~moMapsRequired:Rainfall~moShowFeelsLike:true~moShowUV:true~moShowWind:true~moSpeedUnits:N~moStartupLanguage:en~moTemperatureUnits:C~moTextColour:black~moGridParams:weather,temperature,wind,gust,pop~"; </script> 
    <script type="text/javascript" src="http://www.metoffice.gov.uk/public/pws/components/yoursite/loader.js"> </script> 
</div> 

Заранее спасибо.

+0

use ajax application –

+0

Как парень выше меня сказал, что вы можете использовать ajax, или вы можете использовать setTimeout, чтобы обновить его автоматически. – Chris

ответ

1

Вы можете использовать Ajax и таймер. Что-то вроде:

setInterval(function() { 
    $.ajax({ 
    url  : "specific url", 
    method : "GET"/"POST", 
    data : "", 
    success : function (data) { 
     $('#divID').html(data); 
    } 
    }); 
}, 500); 

Некоторое внимание о том, что я использую jQuery здесь.

+0

Спасибо за ответ, так как это локально, каков должен быть URL-адрес? – donkz

+0

URL-адрес должен быть страницей, к которой вам нужно связаться. Если страница находится на вашем сервере, вы можете получить к ней доступ, например, «~/(pathToPage)», но если страница находится где-то в Интернете, вы достигнете ее как «h t t p: // thePageName». Если запрос «200» - это код, который говорит вам, что запрос в порядке. Затем переменная «data» примет значение ответа, а затем вы сможете делать все, что хотите. Вам нужно узнать, что такое HTTP-протокол. –

Смежные вопросы