Javascript 我试图将一些表单数据从一个html页面传递到另一个页面
我正在尝试将一些表单数据从一个html页面传递到另一个页面,因此这是来自control_panel.html的表单:Javascript 我试图将一些表单数据从一个html页面传递到另一个页面,javascript,php,jquery,html,Javascript,Php,Jquery,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" > &l
<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>
最后是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);
}
});
});
我还想指定将索引页加载到浏览器中,但由于某些原因,到目前为止我没有得到任何结果,我做错了什么?无需发送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 '';
}
var url=GetURLParameter(“url”);
$(“#容器”).append(url);
函数GetURLParameter(sParam)
{
var sPageURL=window.location.search.substring(1);
var sURLVariables=sPageURL.split('&');
对于(变量i=0;i
无需发送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 '';
}
var url=GetURLParameter(“url”);
$(“#容器”).append(url);
函数GetURLParameter(sParam)
{
var sPageURL=window.location.search.substring(1);
var sURLVariables=sPageURL.split('&');
对于(变量i=0;i
您是否在浏览器的开发人员工具中观看了AJAX请求/响应?您是否将jQuery库包括在项目中?是否报告了任何错误?您是在web服务器上运行此功能吗?包含Jquery库,未报告错误,不,我是在localhost上运行此功能您无法访问另一个html文件元素,除非加载该页面。'localhost'与在本地运行的web服务器中一样?或者您是否使用文件://
前缀访问内容?如果是后者,AJAX将无法工作,因为它会发出需要web服务器的HTTP请求。是的,我正在本地运行。您在浏览器的开发人员工具中看过AJAX请求/响应吗?您是否将jQuery库包括在项目中?是否报告了任何错误?您是在web服务器上运行此功能吗?包含Jquery库,未报告错误,不,我是在localhost上运行此功能您无法访问另一个html文件元素,除非加载该页面。'localhost'与在本地运行的web服务器中一样?或者您是否使用文件://
前缀访问内容?如果是后者,AJAX将无法工作,因为它发出需要web服务器的HTTP请求