首頁 > 問答 > 主體

javascript - 寫的ajax沒效果,求各位老哥看看問題所在...

我的目的是,原本的a標籤,href屬性的值是假的,
想讓用戶在點擊a標籤後,改變href屬性的值,導向一個連接,
這個連結是http ://XXX.XXX.html/?key='data中name值'&tit='data中title值'這種形式。
而這個data後台傳過來的資料,
裡邊是個陣列[{"name":"呵呵","title":"123"},{"name":"哈哈","title": "4567"}],就是這樣的數據，
然後要用ajax在後台傳來數據的時候,將對應的值組合成鏈接的形式，傳給a標籤的href值，
使用戶在點擊的時候，跳到每個a標籤對應的頁面。

PS:我是個新手,不是很懂,寫的程式碼很有問題,可是我不知道該怎麼辦,求大佬們幫忙啊！跪謝了！

下面是程式碼部分：

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

另外,還有個問題想問各位老哥,我在chrome瀏覽器看ajax,老是看不了。
但是我在firefox裡邊看,卻沒有報錯,是不是以後都可以用firefox看ajax有沒有效果?

迷茫2745 天前551

全部回覆(6)我來回復

仅有的幸福

仅有的幸福2017-05-27 17:44:32

雷雷

回覆

phpcn_u1582

phpcn_u15822017-05-27 17:44:32

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

感覺是地址寫錯了，你看看這樣行不行。

回覆

迷茫2017-05-27 17:44:32

首先這是什麼陣列[{"name":"呵呵","title":"123"},{"name":"哈哈","title"}:"4567"] ，這部分是個什麼鬼, "title"}:"4567"

回覆

巴扎黑

巴扎黑2017-05-27 17:44:32

著實不是很明白樓主的意思～我就大概猜下：a標籤的連結是透過ajax獲得的，不是一開始就有的～另外　看到$符号，我就猜楼主用的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

回覆

阿神2017-05-27 17:44:32

href後邊的字串拼接的問題，不是ajax的問題哦

回覆

淡淡烟草味

淡淡烟草味2017-05-27 17:44:32

[{"name":"呵呵","title":"123"},{"name":"哈哈","title":"4567"}]
這是一個一維array，遍歷裡面的object ，只需要一次循環就可以來組織name和title了

回覆

取消回覆