JS API en generate HTML

Ehhhh ... Vertel eens iets meer wat je wilt:
- Een veldje in je pagina dat constant bijgewerkt wordt met de laagste prijs (die dus kan variëren in de tijd)?
- Moet de gebruiker "iets doen" (op een knop drukken) om daarna pas de laagste prijs op te halen?
- Hoe vaak wisselt "de laagste prijs"?

Dagelijks worden de prijzen bijgewerkt.
Dus ik wil dat elke keer eigenlijk dat een bezoekers de pagina bezoekt en een server request via ajax bijv word gedaan om de huidige prijzen te laden.

Is dat niet een beetje overdreven? Of veranderen de prijzen met een dermate hoge frequentie dat je het realtime wilt aanpassen? Je kan net zo goed een JS-file genereren met een statische prijs, die je serverside aanpast.

Nee, de prijzen veranderen 1 keer per dag.
Er word nu al een statishe html gecreerd die serverside na een druk op de knop deze html genereerd en mensen kunnen die in blogs op andere websites plaatsen.

Een dag later zijn de prijzen anders, dus kloppen die niet meer.
Ik wil dus dat men bij elke refresh of bezoek via js een request doet om een nieuw lijst te tonen.

Kun je dan niet gewoon 1x/dag die HTML opnieuw genereren?

Maar moeten die realtime worden veranderd? Zo niet, dan lijkt AJAX mij overkill...

Je kan prima de prijzen statisch naar de bezoeker leveren. Zodra ze tussentijds veranderd zijn, zijn ze na een refresh weer vernieuwd.

Desnoods kan je de dagdatum ook meegeven voor de duidelijkheid.

Ok, is ajax de beste manier, was eigenlijk mijn vraag?

Dus zoiets als:

$.ajax({
    url: "https://testserver.nl?datum=19-05-25",

    dataType: "jsonp",
    success: function( response ) {
        console.log( response ); // server response
// html genereren
$("#element").append( response);

Maar ik wil het opdezelfde locatie
var spanNode = document.createElement('span');
var textNode = document.createTextNode('there.');
    spanNode.appendChild( textNode );

var ele = document.currentScript;   //get current script element
    ele.parentNode.insertBefore(spanNode,ele);  //append the span before the script

    }

});

Ik neem aan dat er jsonp gebruikt moet worden voor cross browser compatibility ?

Ja, maar is AJAX lijkt mij best overkill. Je kan dan net zo goed een statische externe JS inladen via je script-element.

Tip: Zorg ervoor dat die enkel via SSL bereikbaar is.

Ok, als ik dit dit inlaad:

<script type="text/javascript" src="js.js">

en dan in js.js

var spanNode = document.createElement('span');
var textNode = document.createTextNode('html gegenereerde code');
    spanNode.appendChild( textNode );

Is dit crossbrowser friendly genoeg?

Ik denk dat anderen geen js.js op hun server hebben staan. Dus gebruik een absolute URL. ;-)