javascript - Ajax yang saya tulis tiada kesan Tolong kawan-kawan, sila ketahui apa masalahnya...
迷茫
迷茫 2017-05-27 17:42:32
0
6
547

Tujuan saya ialah nilai atribut href bagi teg asal adalah palsu
Saya mahu pengguna menukar nilai atribut href selepas mengklik teg dan membawa ke pautan ini ialah http:/. /XXX.XXX .html/?key='nilai nama dalam data'&tit='nilai tajuk dalam data'.
Data yang dihantar dari latar belakang ialah tatasusunan [{"name":"haha","title":"123"},{"name":"haha","title":"4567"} ], ini ialah data,
kemudian gunakan ajax untuk menghantar data di latar belakang, gabungkan nilai yang sepadan ke dalam bentuk pautan, dan hantarkannya ke nilai href tag a,
supaya pengguna boleh melompat ke setiap halaman apabila mengklik. Halaman yang sepadan dengan teg.

PS: Saya seorang pemula dan tidak memahaminya dengan baik Kod yang saya tulis sangat bermasalah, tetapi saya tidak tahu apa yang perlu saya lakukan. Berlutut dan terima kasih!

Berikut ialah bahagian kod:

<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>

<skrip>

$.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"');
               }
           }
        });
    }
})

</skrip>

Selain itu, saya ada soalan lain untuk anda, saya tidak dapat melihat ajax dalam penyemak imbas Chrome.

Tetapi apabila saya menyemaknya dalam firefox, tiada ralat dilaporkan Bolehkah saya menggunakan firefox untuk melihat jika ajax mempunyai sebarang kesan pada masa hadapan?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

membalas semua(6)
仅有的幸福
$.ajax({
    type: 'get',
    url: 'aaa.json',
    success: function(data){
        // 遍历数据或者遍历 jQuery 对象
        $('.xixi > a').each(function(i,link){
            // 不明白你为什么要使用两次 for 循环查找数据;
            // 你的数组是一个二维数组,可以使用 data[0].name 这种格式访问;
            var name = data[i].name,
                title = data[i].title;
                
            // 绑定事件
            $(link).off()
            .on('click', function(e){
                // 我建议你尽量使用单引号(除非有特殊规定),这是个好习惯!
                $(this).attr('href','haha/form.html?key='+ name +'&title='+ title);
            });
            
        });
    }
})
phpcn_u1582

$(this).attr("href","haha/form.html?key="+zName+"&tit="+zTitle);

Saya rasa saya salah tulis alamat Sila lihat jika ini berfungsi.

迷茫

Pertama sekali, apakah jenis tatasusunan ini [{"name":"haha","title":"123"},{"name":"Haha","title"}:"4567"], apakah kejadahnya bahagian ini? "tajuk"}:"4567"

巴扎黑

Saya benar-benar tidak faham apa yang dimaksudkan dengan poster asal itu~ Saya hanya membuat tekaan kasar: pautan ke teg diperoleh melalui ajax, bukan dari awal~ Tambahan pula, apabila saya melihat Simbol $, saya rasa poster itu menggunakan jquery. Pelaksanaan khusus kod saya di bawah sepatutnya boleh dicapai~$符号,我就猜楼主用的jquery。具体的实现我下面的代码应该可以实现的~

页面加载后直接执行ajax,获得链接后修改所有a标签的链接。(楼主处理ajax结果这段,for循环,我看的不是很懂哦~)

<!doctype html>
<html>
<meta charset="utf-8">
<script src="./jquery-3.2.1.min.js"></script>

<body>
  <p class="xixi">

    <a href="#">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
  </p>
</body>

<script>
  $(document).ready(function() {
    /*页面载入时候执行ajax*/
    $.ajax({
      type: "get",
      url: "aaa.json",
      success: function(data) {
        /*ajax成功或,改变所有的a标签的href*/
        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;
            $(". xixi a").eq((i + 1) * (j + 1)).attr('href', 'haha/form.html?key="+zName+"&tit="+zTitle"');
          }
        }
      }
    })
  });

</script>

</html>

另外,chrome在哪里可以看ajax  F12打开开发者模式,然后选network
Jalankan ajax terus selepas halaman dimuatkan Selepas mendapatkan pautan, ubah suai pautan semua tag a. (Pengarang mengendalikan bahagian hasil ajax, gelung untuk, saya tidak faham sangat~) rrreee Selain itu, di manakah saya boleh menonton ajax dalam chrome F12 Buka mod pembangun, dan kemudian pilih network

#🎜🎜 ##🎜🎜 ##🎜🎜#
阿神

Masalah penyambungan rentetan di belakang href bukanlah masalah ajax

淡淡烟草味

[{"name":"Hehe","title":"123"},{"name":"Haha","title":"4567"}]
Ini adalah satu- Tatasusunan dimensi, melintasi objek di dalamnya, dan hanya memerlukan satu gelung untuk menyusun nama dan tajuk

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan