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

时间:2014-04-11 18:35:58

标签: javascript jquery

我创建了一个函数,由于页面缺少更好的单词而调用,让我们调用它Page1,单击一个按钮时调用该函数,在所述函数结束时调用另一个创建(或应该创建的函数)看到我无法测试它)一个html并将其附加到一个#lista id的div。

问题是这个div是另一个页面(第2页),所以我不知道是否有一些像ajax中的语法,你指定了你想要这些值的去向,所以基本上第1页调用一个函数(在另一个文件,以防万一)该函数调用另一个,该函数的结果在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); 


}

提前多多感谢!

1 个答案:

答案 0 :(得分: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/