如何使用html和javascript獲取並傳遞鏈接參數

我想知道如何將包含此網址的ajaxbtn.php中的相冊ID＃傳遞給實際請求網址的文件如何使用html和javascript獲取並傳遞鏈接參數

home.php： HTML：<a href="javascript:;" id="album" class="ajax_tab">ALBUM ID #22</a>

JAVASCRIPT：

$(document).ready(function GoAlbum() { 
    //alert("pageload event fired!"); 
    $.ajax({ 
     url: 'assets/ajaxbtn.php', 
     type: 'POST', 
     data: { 
     action:'album' 
     }, 
     success: function(response){ 
      //alert(response); 
      $("#content").html(response); 
      $("#loading_image").hide(); 
      window.history.pushState("object or string", "Title", "/album"); 
     } 
    });

現在我有一個處理的行爲另一個文件標籤

ajaxbtn.php：

if($_POST['action'] == 'album'){ 
    include("http://gypsychristiannetwork.com/assets/album.php?AlbumID=22"); 
    }

，這將是對album.php

if(isset($_GET['AlbumID'])){ 
    $AlbumID = $_GET['AlbumID']; 
     echo '<h1>TEST: '.$AlbumID.'</H1>'; 
    }

的內容，你可以在這裏看到「ID」已被使用的HTML鏈接，並且href被設置爲javascript

所以我並不完全確定要進入哪個方向才能找到此分辨率

謝謝您的幫助

來源

2016-09-17 Michael Cooper

在你的Ajax調用，您可以添加：

id: 22

因此，這將是：

$.ajax({ 
     url: 'assets/ajaxbtn.php', 
     type: 'POST', 
     data: { 
      action:'album', 
      id: 22, 
     }, 
     success: function(response){ 
      //alert(response); 
      $("#content").html(response); 
      $("#loading_image").hide(); 
      window.history.pushState("object or string", "Title", "/album"); 
     }

然後在PHP文件：

if($_POST['action'] == 'album'){ 
    include("http://gypsychristiannetwork.com/assets/album.php?AlbumID=".$_POST['id']); 
}

如果您需要來自HTML部分的ID：

<a href="javascript:;" id="album" data-album-id="22" class="ajax_tab">ALBUM ID #22</a>

，然後在Ajax調用：

data: { 
    action:'album', 
    id: $(this).attr("data-album-id"), 
},

來源

2016-09-17 20:34:35 falkodev

謝謝！它工作完美！ –

如何使用html和javascript獲取並傳遞鏈接參數

回答

相關問題