Ajax - post url til asp

asp-siden der sendes til, står naturligvis for at opdatere min database - den del virker fint.

<ole>

Et godt sted at starte er vel at lære lidt om AJAX - og her er dette link udmærket:
    http://developer.mozilla.org/en/docs/AJAX

Gå for alt i verden langt udenom w3schools.com's tutorial, da den ikke har ret meget med AJAX at gøre  =)

/mvh
</bole>

Tak for dit indlæg - Der er da en del der skal læses op på :)

Har du lyst til at poste et eksempel på en løsning på mit spørgsmål?

Er det ikke bare at søge på Eksperten?
    http://www.eksperten.dk/spm/Programmering/Script/JavaScript/?sort=&order=DESC&status_1=on&status_2=on&status_3=on&spm_creator=&spm_part=&spm_answer=&find=ajax&engine=exp

Njaahhh .... det giver hovedsageligt gamle spm. Prøv at bladre lidt tilbage i kategorien her. Jeg er på vej udaf døren  :o|

Jeg har søgt Eksperten tynd, før jg oprettede dette spørgsmål :(
Det er umiddelbart ikke noget, der er nævnt på Eksperten endnu.

Den tror jeg godt jeg kan lave til dig :-) Men det er nemmere hvis du angiver hele URL når du kalder funktion, altså fx.

<a href="#" onClick="ajaxRequest('postRating.asp?rating=<%= rating %>&reviewID=<%= reviewID %>','current-rating_<%= reviewID %>');">Dit rating link</a>

<script type="text/javascript">

function ajaxRequest(strAjaxURL, elementID)
{
    var xmlhttp = false;
   
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
      xmlhttp = false;
      }
    }
   
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        try {
            xmlhttp = new XMLHttpRequest();
        } catch (e) {
            xmlhttp=false;
        }
    }
   
    if (!xmlhttp && window.createRequest) {
        try {
            xmlhttp = window.createRequest();
        } catch (e) {
            xmlhttp=false;
        }
    }
   
    var strURL = strAjaxURL + "&noCache=" + Math.random(); + "";
   
    xmlhttp.open("GET",strURL,true);
    xmlhttp.onreadystatechange = function()
    {
               
        // Hvis serveren giver resultat
        if (xmlhttp.readyState == 4)
        {               
          document.getElementById(elementID).style.width = rating+'px';
        }   
    }
    xmlhttp.send(null)
}

</script>

> madeindk. Mange tak for din løsning! Vil du ikke post et svar, så du kan få dine points?

Jeg endte med at bruge en anden løsning, men du skal belønnes for dit arbejde.
function sndRate(rating,reviewID) {
   
    var myConn = new XHConn();
   
    if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");

    var fnWhenDone = function (oXML) { alert(oXML.responseText); };
   
    myConn.connect("_includes/postReaderRating.asp", "POST", "rating="+rating+"&reviewID="+reviewID, fnWhenDone);
           
    rating = rating * 25;
    document.getElementById('current-rating_'+reviewID).style.width = rating+'px';

}

Ok, det var godt du fandt en løsning :-)

Her er mit svar.

I stedet for at bruge XMLHttpRequests kan du til en så enkel opgave sagtens bruge et alm. script-element ... og så kan browsere, der ikke understøtter XMLHttpRequests også være med (f.eks. lidt ældre Opera'er, m.fl.):

<script type="text/JavaScript">
function getDaServerShit(rating, reviewID) {
    var o = oScrTempl.cloneNode(true);
    o.setAttribute("src", url + "?rating=" + rating + "&reviewID=" + reviewID + "&u=" + new Date().getTime());
    while (oScrLoader.firstChild) oScrLoader.removeChild(oScrLoader.firstChild);
    oScrLoader.appendChild(o);
}

var oScrLoader = oScrTempl = null;
var url = "http://www.domain.dk/sti/til/ajax.php";

window.onload = function(){
    oScrLoader = document.getElementById("scrLoader");
    oScrTempl = oScrLoader.getElementsByTagName("script")[0].cloneNode(true);
}
</script>



<div id="scrLoader" style="display:none">
<script type="text/JavaScript"></script>
</div>

Dit dokument 'ajax.php' udfører så database-handlinger, m.m. - og du udskriver et alm. JavaScript à la:

document.getElementById("<?=$_POST["elementID"]?>").style.width = <?=$_POST["rating"]?> + "px";

- som så sætter den ønskede bredde på div'et  =)