javascript - 我正在尝试将一些表单数据从一个 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;
    });    
});

要从中获取值(value)，请使用此函数

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 '';
}