将文本变量作为来自其他站点的文件的html

时间:2016-11-04 22:44:26

标签: javascript jquery html

我尝试使用来自其他网站的文件中的文本变量。网站只包含一个值 - 数字。在我的网站上我添加了IFRAME:

<iframe id="counter" src="http://xxxx/counter.txt">

然后我尝试使用此代码从IFRAME获取值:

<script type="text/javascript"> 
onload = function () {
    var ball = document.getElementById('counter');
    var div = document.getElementsByTagName('XcounterX')[0];
    div.innerHTML = ball;
};
</script>

最后一点是将var显示为html值:

<XcounterX> Result </XcounterX>

完整的HTML:

<body>
<iframe id="counter" src="http://xxxx/counter.txt">

<script type="text/javascript"> 
onload = function () {
    var ball = document.getElementById('counter');
    var div = document.getElementsByTagName('XcounterX')[0];
    div.innerHTML = ball;
};
</script>

<XcounterX> Result </XcounterX>
</body>

不幸的是它不起作用。 Java complitly对我来说是新的东西。你能帮我吗?我也试试:

<script>
    $(document).ready(function(){
    $.ajax({
    url: "http://xxxx/counter.txt",
    dataType: 'html',
    context: document.body,
    success: function(data){
      $("#XcounterX").empty;
      $("#XcounterX").html(data);
  }
});
</script>

<div id='XcounterX'></div>

结果相同。 :(

1 个答案:

答案 0 :(得分:0)

如果我有你的代码,我会测试那些东西(没有信念)。

1。 JS纯粹

<script type="text/javascript"> 
  onload = function () {
    var ball = document.getElementById('counter');
    var div = document.getElementsByTagName('XcounterX')[0];
    div.innerHTML = ball.innerHTML;
  };
</script>

2。 jQuery的

<script>
  $(document).ready(function(){
    $.ajax({
      url: "http://xxxx/counter.txt",
      success: function(data){
        $("#XcounterX").empty();
        $("#XcounterX").html(data);
      }
    });
  </script>

  <div id='XcounterX'></div>