javascript - 使函数影响另一个页面中的元素

Question

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

问题是这个 div 是另一个页面 (Page2)，所以我不知道是否有类似 ajax 的语法，你可以在其中指定你想要这些值的位置，所以基本上页面 1 调用一个函数(在另一个文件以防万一)该函数调用另一个函数并且该函数的结果继续在第 1 页(另一个文件，以防万一)

这是我的 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();        

     }
  });
});

此函数应影响 Page2 上具有 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); 


}

提前致谢!

Answer 1

是的，您可以使用 jQuery 从另一个页面获取内容:

Ajax 请求获取整个文件，但您可以在检索到内容后过滤内容:

$.ajax({
   url:href,
   type:'GET',
   success: function(data){
       $('#content').html(  $(data).find('#IDofDivToFind') );
   }
});

第二种方法(未经测试)

您可以使用 JQuery .load() 方法:

$( "#content" ).load( "ajax/test.html div#content" );

引用:

http://api.jquery.com/load/