Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使函数影响另一页中的元素_Javascript_Jquery - Fatal编程技术网

Javascript 使函数影响另一页中的元素

Javascript 使函数影响另一页中的元素,javascript,jquery,Javascript,Jquery,我做了一个函数,因为页面中缺少更好的单词而被调用,我们称它为Page1,当点击一个按钮时调用该函数,在所述函数的末尾调用另一个函数,该函数创建(或者应该看到我没有能够测试它)html并将其附加到带有#lista id的div中 问题是这个div是另一个页面(Page2),所以我不知道是否有类似于ajax的语法,在ajax中指定这些值的位置,所以基本上Page1调用一个函数(在另一个文件上以防万一),该函数调用另一个函数,该函数的结果在Page1上(另一个文件,以防万一) 下面是我的jQuery/

我做了一个函数,因为页面中缺少更好的单词而被调用,我们称它为Page1,当点击一个按钮时调用该函数,在所述函数的末尾调用另一个函数,该函数创建(或者应该看到我没有能够测试它)html并将其附加到带有#lista id的div中

问题是这个div是另一个页面(Page2),所以我不知道是否有类似于ajax的语法,在ajax中指定这些值的位置,所以基本上Page1调用一个函数(在另一个文件上以防万一),该函数调用另一个函数,该函数的结果在Page1上(另一个文件,以防万一)

下面是我的jQuery/JS代码,以进一步说明:

$("#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" );