Exécutez le fichier php via jquery cliquez sur le lien

Je ne peux pas obtenir que cela fonctionne, la page a déjà d'autres fonctions jquery marche complètement bien, donc je sais que jquery est de travail (jplayer et lazyload fonctionnent bien)

voici ma fonction javascript:

<script type="text/javascript">
function upone() {
    $.get("upone.php");
    return false;
}
</script>

Voici mon lien

<a href="#" onclick="upone();">Like</a>

et mon fichier php "upone.php est :

<?php
include("include/config.php");
include("include/functions/import.php");

if(isset($_SESSION['USERID'])&&$_SESSION['USERID']>=0&&is_numeric($_SESSION['USERID']))
{
    $USERID=$_SESSION['USERID'];

    $query="INSERT INTO audio_like SET USERID='".mysql_real_escape_string($USERID)."'";
    $result=$conn->execute($query);
}

?>

le fichier php fonctionne très bien si je manuellement un lien vers elle, en cliquant sur le lien également les résultats dans la page rafraîchissante avec le # ajoutés à la page. Des idées?

  • Que voyez-vous dans firebug ou votre console JavaScript?
  • La seule chose que je vois dans la console javascript est une constante de l'erreur causée par le bouton google+, mais la suppression de ce qui ne marche pas changer quoi que ce soit
InformationsquelleAutor JimmyBanks | 2012-02-13
  1. 4

    Plutôt que d'utiliser le javascript en ligne, essayez de faire quelque chose comme ça.

    Donner le lien d'une classe, par exemple:

    <a href='#' class='likeLink'>Like</a>

    Un à la place de votre section en cours, utilisez quelque chose comme ceci:

    <script>
    $(function() {
        $('.likeLink').click(function() {
            $.get('upone.php', function(data) {
                alert("Server Returned: " + data);
            });
            return false;
        });
    });
</script>

    Si le message d'alerte renvoie ce que vous attendez de la page PHP, vous pouvez simplement commenter pour la production.

    En passant, j'ai tapé ce il y a longtemps aujourd'hui et j'ai oublié que je travaillais sur elle. Désolé si c'est déjà résolu.

    • Merci a fonctionné! je vous remercie. Puis-je vous demander pourquoi cela fonctionne, alors que l'autre ne l'est pas?
    • La première chose que je veux souligner est que vous devriez faire de votre mieux pour garder le balisage, le style et les scripts distincte de l'autre. Généralement dans des fichiers séparés, comme un fichier CSS pour le style, JS fichiers javascript et HTML, etc fichier pour le balisage et notamment les autres fichiers dans la balise head. C'est juste la meilleure pratique. Maintenant, pourquoi cela fonctionne avec jQuery, vous devriez avoir tout ce qui est lié.
    • pour un événement (comme la souris) à l'intérieur de la onReady fonction ( $(function() { ... } ) que j'ai mis en haut de la balise script dans mon exemple. Cela signifie qu'il faudra attendre pour les DOM à charge, puis de lancer les scripts à l'intérieur des accolades, alors la balise d'ancrage est disponible avant d'essayer de le voir.... Mon téléphone est en train de mourir, je vais poster plus de demain.
    • Une autre chose que j'ai changé tirait que l'attribut onClick de la balise d'ancrage, car jQuery peut le faire pour vous à l'aide d'une classe ou un attribut id. Je suis allé avec un attribut de classe en raison de la nature du lien - je suppose que vous en avez plusieurs, comme les liens, si vous en aviez un, vous pouvez utiliser l'id de la place. Ensuite, à l'intérieur de la onReady fonction, vous devez lier l'événement click pour que la balise d'ancrage ( api.jquery.com/click ), de cette façon quand il est cliqué, il se passe quelque chose en javascript.
    • Ensuite, j'ai utilisé une fonction à exécuter lorsque le lien est cliqué, qui contient les obtenir requête AJAX. Qui, comme vous le savez déjà, appelle le fichier que vous placez dans le premier paramètre et retourne le résultat de cette page pour la variable de données qui j'ai simplement mis une alerte d'appel pour les tests.
    InformationsquelleAutor user1161625
  2. 6

    EDIT: mal compris la question

    À l'aide du code ci-dessous va se débarrasser de la question où est l'actualisation de la page après avoir cliqué sur le lien. La raison de ce qui se passait précédemment, c'est que le onclick attribut n'était pas de retour faux, en d'autres mots, cela aurait été le bon code: <a href="#" onclick="return upone();">Like</a>. Le code ci-dessous fait la même chose, mais structuré, un peu mieux.

    HTML:

    <a id="like" href="#" >Like</a>

    JS:

    $("#like").click(function(){
   $.get("upone.php");
   return false;
});
    • L'OP n'a pas dit rien sur l'affichage d'un résultat. Le script PHP qui ressemble à quelque chose de semblable à une Pile d'Échange upvote, qui effectue une action côté serveur, sans avoir à retourner quelque chose pour le navigateur...
    • Sa fait juste destiné à exécuter un fond de script pour un upvote, mais même alors, ce code ne fonctionne pas, soit, pour quelque raison que ce soit. :s EDIT: le commentaire ci-dessus est correcte
    • dans Firebug ou console javascript, voyez-vous de la requête ajax dans la console après avoir cliqué sur le lien? Si oui, quelle est l'erreur qui se produit? Le plus probable, le chemin d'accès à partir de la page pour le fichier n'est pas "upone.php" mais quelque chose comme "/upone.php" ou "/scripts/upone.php"
    • im ne pas voir quoi que ce soit après je clique sur le lien. Si je clique sur le facebook aime ou g+ bouton toutefois, je les vois courir.
    • Si vous ne le voyez pas, vérifiez l'onglet "Réseau", il doit contenir une requête AJAX "upone.php"
    • Ok n'a rien apparaissant dans l'onglet Réseau ainsi malheureusement.

    InformationsquelleAutor ggreiner