Javascript-Funktion nicht richtig definiert?

Question

Ich habe einen einfachen JavaScript-Code, der eine andere Seite mit AJAX aufruft, um meine Datenbankdatensätze zu aktualisieren. Ich verwende onclick in einem Link, um meine Variable zu übergeben und die Funktion aufzurufen. Im Debug bekomme ich den allgemeinen Fehler "Funktion addFeatured nicht definiert".

Ich habe viele Beiträge hier auf StackOverflow gelesen und ich stelle fest, dass das häufigste Problem, das ich gefunden habe, ist, dass die Funktion selbst, während sie definiert ist, global nicht zugänglich ist. Ich bin sehr neu in Javascript und verstehe immer noch nicht vollständig, wie ich feststellen kann, ob mein spezielles Skript global ist oder nicht. Ich habe mir andere Scripts aus Slideshows angeschaut und mein einziges Script aus einem Lightbox-Effekt, und was ich habe (scheint mir) zu sein, wie es sein sollte, verwendet meine Lightbox jedoch keinen onclick-Handler.

Es ist auch mein Verständnis, aus dem, was ich bisher gelesen habe, dass die Verwendung von onclick in Markup ist keine gute Praxis. Ist das allgemein wahr? Wenn ja, was wäre der richtige Weg, um das zu erreichen, was ich versuche zu tun? Hier

ist der Codeblock von meiner Seite (genau wie ich in meiner IDE geschrieben haben):

<li><a onclick="addFeatured(<?php echo $r['id']; ?>)"><i class="icon-trash"> </i> Add to Featured</a></li> 
         <script type="text/javasript"> 

function addFeatured(itemId) 
{ 
$.ajax({ 
    'url': 'addFeatured.php', 
    'type': 'GET', 
    'dataType': 'json', 
    'data': {itemid: itemId}, 
    'success': function(data) 
    { 
     if(data.status) 
     { 
      if(data.added) 
      { 
        $("span#success"+itemId).attr("innerHTML","Added Dog to Featured Categories."); 
      } 
      else 
      { 
        $("span#success"+itemId).attr("innerHTML","This item is already on your list"); 
      } 
     } 
    }, 
    'beforeSend': function() 
    { 
      $("span#success"+itemId).attr("innerHTML","Adding Dog to Featured..."); 
    }, 
     'error': function(data) 
     { 
     // this is what happens if the request fails. 
     $("span#success"+itemId).attr("innerHTML","An error occureed"); 
    } 
}); 
       } 
</script> 

ich wirklich ein Interesse haben Javascript in das Lernen und das Verständnis, wie es funktioniert. Alle Hinweise wären großartig!

Answer 1

Sie haben fehlende Buchstaben im Code

ersetzen

<script type="text/javasript"> 

mit

<script type="text/javascript"> 

type andere als text/javascript Verwendung verhindert Browser von Parsen dem Inhalt

Bonus-Tipp - nicht attr('innerHTML', ...) verwenden, weil es auf vielen Ebenen falsch ist ... element.innerHTML/$(element).html() (wenn Sie jQuery verwenden) sollte stattdessen