Javascript 使函数影响另一页中的元素
我做了一个函数,因为页面中缺少更好的单词而被调用,我们称它为Page1,当点击一个按钮时调用该函数,在所述函数的末尾调用另一个函数,该函数创建(或者应该看到我没有能够测试它)html并将其附加到带有#lista id的div中 问题是这个div是另一个页面(Page2),所以我不知道是否有类似于ajax的语法,在ajax中指定这些值的位置,所以基本上Page1调用一个函数(在另一个文件上以防万一),该函数调用另一个函数,该函数的结果在Page1上(另一个文件,以防万一) 下面是我的jQuery/JS代码,以进一步说明:Javascript 使函数影响另一页中的元素,javascript,jquery,Javascript,Jquery,我做了一个函数,因为页面中缺少更好的单词而被调用,我们称它为Page1,当点击一个按钮时调用该函数,在所述函数的末尾调用另一个函数,该函数创建(或者应该看到我没有能够测试它)html并将其附加到带有#lista id的div中 问题是这个div是另一个页面(Page2),所以我不知道是否有类似于ajax的语法,在ajax中指定这些值的位置,所以基本上Page1调用一个函数(在另一个文件上以防万一),该函数调用另一个函数,该函数的结果在Page1上(另一个文件,以防万一) 下面是我的jQuery/
$("#btnAceptar").click(function() {
var idlab = $('#txtNumLab').val(),
capacidad = $('#txtCapacidad').val(),
carrera = $('#txtCarrera').val(),
ubicacion = $('#txtUbicacion').val();
var request = $.ajax({
url: "includes/functionsLabs.php",
type: "post",
data: {
'call': 'addLab',
'pIdLab':idlab,
'pCapacidad':capacidad,
'pCarrera':carrera,
'pUbicacion':ubicacion},
dataType: 'json',
success: function(response){
alert('exito')
agregar();
}
});
});
此函数应影响第2页上id为#Lista的元素
function agregar(){
var div = $( "#lista" ).append( "<div class='box'>
<p>Lab #'numero'</p>
<p class='info'><a href='#' id='lnkInfo'>Info</p></a>
<p class='info'><a href='reservarLab.html'>Reservar</p></a>
</div>" );
div.id = querySelectorAll('#lista > div').length +1;
var numero = div.id;
$('#numero').append(div);
}
函数agregar(){
var div=$(“#lista”).append(“
实验室“头号人物”
" );
div.id=querySelectorAll('#lista>div')。长度+1;
var numero=div.id;
$('#numero')。追加(div);
}
提前多谢 是的,您可以使用jQuery从另一个页面获取内容: Ajax请求获取整个文件,但您可以在检索内容后对其进行过滤:
$.ajax({
url:href,
type:'GET',
success: function(data){
$('#content').html( $(data).find('#IDofDivToFind') );
}
});
第二种方法(未经测试)
您可以使用JQuery.load()方法:
参考:
在另一个选项卡/窗口中的另一个页面,或者在用户最终将导航到的页面中?可能重复:@PatrickEvans,另一个页面是另一个文件该函数在Page1.php上调用,第二个函数用于影响Page2.php中的元素。它们都在同一个文件夹中,是同一个整体的一部分。@marck,我去检查一下,但我的不是对象,而是函数。Amarite?没有理由这些方法中有一种不适合你。键值存储特别灵活,如果您可以放弃旧的IE版本()的话,它应该允许您对所需的大部分内容进行存储。例如,您可以让第1页设置一个本地值,让第2页定期轮询相同的键/值(它们共享同一域上的存储)以进行更改。然后,检测到的更新可能会利用存储中的值触发DOM操作。我建议阅读HTML5中的会话存储,同时创造性地思考您的问题。
$( "#content" ).load( "ajax/test.html div#content" );