如何使用html和javascript获取并传递链接参数

时间:2016-09-17 20:24:07

标签: javascript php html ajax parameters

我想知道如何将此选项卡中ajaxbtn.php的“include”网址中的相册ID#传递给实际请求网址的文件

  1. home.php: HTML:<a href="javascript:;" id="album" class="ajax_tab">ALBUM ID #22</a>
  2. 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

    所以我不确定要找到解决方案的方向

    感谢您的帮助

1 个答案:

答案 0 :(得分:1)

在你的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"),
},