Mon objectif est que la valeur de l'attribut href de la balise a d'origine soit fausse.
Je souhaite que l'utilisateur modifie la valeur de l'attribut href après avoir cliqué sur la balise a et mène à un lien. /XXX.XXX .html/?key='valeur de nom dans les données'&tit='valeur de titre dans les données'.
Les données transmises depuis l'arrière-plan sont un tableau [{"name": "haha", "title": "123"}, {"name": "haha", "title": "4567"} ], c'est les données,
puis utilisez ajax pour transmettre les données en arrière-plan, combinez les valeurs correspondantes sous la forme d'un lien, et transmettez-les à la valeur href de la balise a,
afin que l'utilisateur puisse accéder à chaque page en cliquant. La page correspondant à la balise a.
PS : je suis un débutant et je ne le comprends pas très bien. Le code que j'ai écrit est très problématique, mais je ne sais pas quoi faire, aidez-moi ! Agenouillez-vous et merci !
Voici la partie code :
<p class="xixi">
<a href="haha/form.html">1</a>
<a href="haha/form.html">2</a>
<a href="haha/form.html">3</a>
<a href="haha/form.html">4</a>
<a href="haha/form.html">5</a></p>
<script>
$.ajax({
type:"get",
url:"aaa.json",
success:function(data){
$(".xixi a").on('click','a',function(data){
for(var i = 0;i < data.length;i++){
for(var j = 0;j < data.length[i];j++){
var zName = data[i][j].name;
var zTitle = data[i][j].title;
$(this).attr('href','haha/form.html?key="+zName+"&tit="+zTitle"');
}
}
});
}
})</script>
De plus, j'ai une autre question pour vous, je ne vois pas ajax dans le navigateur Chrome.
Mais lorsque je l'ai vérifié dans Firefox, aucune erreur n'a été signalée. Puis-je utiliser Firefox pour voir si ajax a un effet à l'avenir ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
$(this).attr("href","haha/form.html?key="+zName+"&tit="+zTitle);
J'ai l'impression d'avoir écrit la mauvaise adresse. Veuillez voir si cela fonctionne.
Tout d'abord, de quel type de tableau s'agit-il [{"name":"haha","title":"123"},{"name":"Haha","title"}:"4567"], qu'est-ce que c'est quoi cette partie ? "titre"} : "4567"
Je ne comprends vraiment pas très bien ce que signifiait l'affiche~ J'ai juste fait une hypothèse approximative : le lien vers la balise a est obtenu via ajax, pas depuis le début~ Aussi quand j'ai vu le symbole
$, j'ai deviné que l'affiche utilisaitjquery. L'implémentation spécifique de mon code ci-dessous devrait être réalisable~$符号，我就猜楼主用的jquery。具体的实现我下面的代码应该可以实现的～页面加载后直接执行
ajax，获得链接后修改所有a标签的链接。(楼主处理ajax结果这段，for循环，我看的不是很懂哦～)另外，chrome在哪里可以看ajax
De plus, où puis-je regarder ajax dans Chrome ?
🎜🎜🎜F12打开开发者模式，然后选networkUne fois la page chargée, exécutez directement
ajax. Après avoir obtenu le lien, modifiez les liens de toutes les balisesa. (L'auteur gère la section de résultatsajax, la boucle for, je ne la comprends pas très bien~) rrreeeF12Ouvrez le mode développeur, puis sélectionnezréseauLe problème de l'épissage des chaînes derrière href n'est pas un problème ajax
[{"name":"Hehe","title":"123"},{"name":"Haha","title":"4567"}]
Il s'agit d'un tableau unidimensionnel, parcourez les objets dedans, une seule boucle est nécessaire pour organiser le nom et le titre