我試圖將一些表單數據從一個html頁面傳遞到另一個頁面

Question

我試圖將一些表單數據從一個html頁面傳遞到另一個html頁面，所以這是來自control_panel.html的表單：

 <form onsubmit="return false" >
    Video URL: <input type="text" id="video_url">
    <input id="videoSRC" type="submit" value="Load Video" class="form-submit-button" >
 </form><br>

這是index.html與目標元素：

<div id="container"></div>

在php文件中我這樣做了：

$url = $_GET['url'];

    echo $url;

最后是javaScript文件：

$('#videoSRC').click(function(e){

        var url = $('#video_url').val();
        $.ajax({
            url:'server.php',
            type:'GET',
            data:{url:url},
            success: function(data){
                $('index.html #container').append(data);
                console.log(data);
            }
        });

    }); 

我還想指定索引頁面在瀏覽器中加載，但由於某種原因我到目前為止沒有得到任何結果，我做錯了什么？

Answer 1

無需發送ajax。 要在index.html上發送值，您必須在URL中傳遞值，它可以作為

$(document).ready(function () {
    $('#videoSRC').click(function (e) {
            var url = $('#video_url').val();
            window.location.href = "index.html?url=" + url;
    });    
});

要從中獲取價值，請使用此功能

var url = GetURLParameter("url");
$("#container").append(url);

function GetURLParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++)
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam)
        {
            return sParameterName[1];
        }
    }
    return '';
}