Pourquoi mon jquery .get de $() ne présentent aucune réponse

Question

voici mon shop.html Snippet:

<li><a id="linkShop" href="shop.html">shop</a></li> 
<div id="paneMiddle"></div> 

et voici mon main.js Snippet:

$("a[id=linkShop]").click(function(){ 
    $.get("data1.html", function(response){ 
     $("div[id=paneMiddle]").html(response); 
     alert("hi"+ response); 
    }); 

}); 

data1.html a cette contenu:

<p>data 1 - test</p> 

je ne sais vraiment pas pourquoi cela est arrivé maintenant, je l'ai essayé .get $ en php avant, mais maintenant, je suis en train d'utiliser jquer y w/jsp, s'exécutant dans le serveur Tomcat. idk pourquoi rien ne sort dans ma fonction $ .get().

aide me..pls ... TT

Answer 1

Vous n'êtes pas l'annulation de l'action par défaut d'événement, cliquez sur le lien cliqué alors lorsque vous cliquez sur le lien, vous aurez juste rechargez la page avant la .get de $ obtient toute réponse.

Essayez

$("a[id=linkShop]").click(function(){ 
     $.get("data1.html", function(response){ 
       $("div[id=paneMiddle]").html(response); 
       alert("hi"+ response); 
     });  
     return false; 
}); 

ou

$("a[id=linkShop]").click(function(evt){ 
     $.get("data1.html", function(response){ 
       $("div[id=paneMiddle]").html(response); 
       alert("hi"+ response); 
     });  
     evt.preventDefault(); 
}); 

Answer 2

Que diriez-vous de ne pas utiliser un < A> balise comme cible de clic .. peut-être juste utiliser une période à la place?

<li><span id='linkShop' style='cursor:pointer'>shop</span></li> 
<div id="paneMiddle"></div> 

puis simplement

$("#linkShop").click(function() { 
    $("#paneMiddle").load("data.html"); 
}); 

Answer 3

Essayez d'annuler l'action par défaut de votre lien avec event.preventDefault:

$("a[id=linkShop]").click(function(event){ 
     event.preventDefault(); 
     $.get("data1.html", function(response){ 

       $("div[id=paneMiddle]").html(response); 
       alert("hi"+ response); 
     });  
}); 

Vous pouvez tester votre script vivre here, et vous pouvez modifier votre contenu ajax chargé here.

Answer 4

Essayez celui

$("a#linkShop").click(function(){ 
    $.get("data1.html", function(response){ 
      $("div#paneMiddle").html(response); 
      alert("hi"+ response); 
    });  

});