méthode javascript non trouvée 'nom de la méthode' est indéfini

Question

J'ai implémenté une méthode simple JQuery.GetJSON en cliquant sur un tag <img>. Le problème est qu'Internet Explorer lève l'exception que methodname est indéfini.

Quelqu'un peut-il me guider à ce sujet.

HTML:

<div class="itemgenerate"> 
    <img src="/images/generate.png" onclick="sendJSONRequest()" style="cursor: pointer;" /> 
</div> 
<div id="divTarget" class="itemtext"> 
    <p id="pStuff"></p> 
</div> 

Java Script:

<script language="javascript" type="text/javascript" src="/Scripts/jquery-1.4.1.js" /> 
<script language="javascript" type="text/javascript"> 
    function sendJSONRequest() { 
     $.getJSON("/Home/Generate", $('#text1').val(), function (data) { 
      $('#pStuff').text(data.Stuff); 
     }); 
    } 
</script> 

S'il vous plaît si quelqu'un peut me expliquer ce qui ne va pas ici:

Answer 1

script balises ne peuvent pas être auto-fermeture. Vous avez besoin d'une fermeture script tag:

<script language="javascript" type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script> 

Votre syntaxe actuelle signifie la première balise de script ne sera pas fermé et son contenu sera traité dans le cadre de la première. Puisque la première balise a un attribut src, son contenu sera ignoré, donc votre fonction ne sera pas définie.

Answer 2

Ce n'est pas la méthode JQuery pour utiliser onclick= dans le tag; L'un des principaux avantages de l'utilisation de JQuery est de vous permettre de faire abstraction du code du script à partir du balisage HTML. Donc, vous pouvez utiliser quelque chose comme ceci:

$(document).ready() { 
    $('#myimage').click(sendJSONRequest); 
}