需要从2个不同的web页面读取值，并使用Javascript将其放入第三个页面的视图中_Javascript_Jquery_Html_Angularjs

需要从2个不同的web页面读取值，并使用Javascript将其放入第三个页面的视图中

javascript jquery html angularjs

需要从2个不同的web页面读取值，并使用Javascript将其放入第三个页面的视图中,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,第三个视图html应该从第一个和第二个html中获取数据。有人能帮我吗..提前谢谢 1) navin_test.html <html> <body> <div id="name"> Name: Navin </div> <div id="more"> Click <a href="moredetails.html">here</a></div> <

第三个视图html应该从第一个和第二个html中获取数据。有人能帮我吗..提前谢谢

1) navin_test.html
    <html>
    <body>
    <div id="name">
    Name: Navin </div>
    <div id="more"> Click <a href="moredetails.html">here</a></div>
    <body></html>

2) moredetails.html
    <html>
    <body>
    <div id="comp">Company:Test</div>
    </body></html>


View in third HTML should be:
    <html>
    <body>
    <table>
    <tr>
    <td> Name: Navin </td><td>Company:Test</td>
    </table>
    </body>
    </html>

1）navin_test.html
姓名：纳文
点击
2） moretails.html
公司：测试
第三个HTML中的视图应为：
名称：纳文公司：Test

将第三页更改为此

View in third HTML should be:
    <html>
    <body>
    <table>
    <tr>
    <td> <div id="Name">Name: Navin</div> </td>
    <td><div id="company">Company:Test</div></td>
    </table>
    </body>
    </html>

这是正确的答案。
$（文档）.ready（函数（）{
$.get（“navin_test.html”，函数（数据）{
var值=$（数据）.filter（'#name'）；
$（“#Name”）.html（value.html（））；
var url=$（数据）.filter（#more”）.find（“a”）.attr（“href”）；
$.get（url、函数（数据）{
var值=$（数据）.filter（'#comp'）；
$（“#company”）.html（value.html（））；
}); 
}); 
});

您可以使用查询字符串传递数据，您需要javascript知识来更新锚定标记url中的参数。另一个可能的操作是使用javascriptHi Ravi将您的数据保存在cookie中。非常感谢您的回答…您是否可以更详细一点，因为我是javascript新手。也许可以使用代码片段或一些链接。我为您提供了以下链接：另一个通过查询字符串和javascript传递数据的链接：谢谢Vikas。这真是太棒了有用。顺便说一句，如果我没有第二页…而我只有第一页。在解析第一页时，我会遇到第二页的链接，如下（）。我如何才能创建第三个视图，其中第一页的内容和我从第一页获得的链接的内容是分开的？Vikas，如果你不明白我的意思……请告诉我。我会尽量简化我的问题。提前谢谢。@Rajeshwar相应地更改了答案。你的代码对我帮助很大。非常感谢Vikas。你给我的代码我做了一点修改，效果非常好。

$.get( "navin_test.html", function( data ) {
  var value=$(data).filter('#name');
  var url=$(data).filter("#more [href]")
  $("#Name").html( value.html());

     $.get( url, function( data ) {
      var value=$(data).filter('#comp');
      $("#company").html( value.html());
    });
});

This is the correct answer to this.


<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
$(document).ready(function(){
$.get("navin_test.html",function(data) {
  var value=$(data).filter('#name');
  $("#Name").html( value.html());
  var url=$(data).filter("#more").find("a").attr("href") ;

   $.get( url, function( data ) {
      var value=$(data).filter('#comp');
      $("#company").html( value.html());
    }); 
}); 
});
</script>

</head>

<body>

    <table border=1>
    <tr>
    <td> <div id="Name"></div> </td>
    <td><div id="company"></div></td>
    </table>

</body>
</html>