私は別のhtmlページから何らかの形でデータを渡すためにしようとしています別の

Question

に1つの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> 

と、この私はこれやったのphpファイル内

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

：

$url = $_GET['url']; 

    echo $url; 

をし、最終的にjavaScriターゲット要素とのindex.htmlですPTファイル：

$('#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を送信する必要はありません。あなたはそれから値を取得し

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