阻止了一个带有起源的框架" http:// localhost:8888"从访问跨源框架

时间:2017-01-20 10:02:17

标签: javascript jquery html

我甚至没有导入任何文件。我想做的就是转置HTML表格(id =" valuation_table")。

这是我使用的脚本

<script>
   $("#valuation_table").each(function() {
       var $this = $(this);
       var newrows = [];
       $this.find("tr").each(function(){
         var i = 0;
         $(this).find("td, th").each(function(){
         i++;
         if(newrows[i] === undefined) { newrows[i] = $("<tr></tr>"); }
         if(i == 1)
           newrows[i].append("<th>" + this.innerHTML  + "</th>");
         else
           newrows[i].append("<td>" + this.innerHTML  + "</td>");
        });
      });
      $this.find("tr").remove();
      $.each(newrows, function(){
      $this.append(this);
    });
  });
 </script>

当我在调试阶段使用它时,它可以工作。当我将它添加到主项目时,它给了我跨源框架错误。 我的所有文件来自同一个来源。我不是从任何链接调用它。到目前为止,我的代码从磁盘读取excel文件,将其存储到数据库表中,显示它,此处调用js脚本。我没有打电话给iframe。

html文件

<head>
    <title>test</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <?php include_once 'tableSWAG.php'; ?>

    <script>

      $("#valuation_table").each(function() {
            var $this = $(this);
            var newrows = [];
            $this.find("tr").each(function(){
                var i = 0;
                $(this).find("td, th").each(function(){
                    i++;
                    if(newrows[i] === undefined) { newrows[i] = $("<tr></tr>"); }
                    if(i == 1)
                        newrows[i].append("<th>" + this.innerHTML  + "</th>");
                    else
                        newrows[i].append("<td>" + this.innerHTML  + "</td>");
                });
            });
            $this.find("tr").remove();
            $.each(newrows, function(){
                $this.append(this);
            });
        }); 
    </script>

</body>

tableSwag.php

<?php
  include_once 'swegAgain.php';
  include_once 'db.php';

  $sql = "select * from $table_name";
  $result = $con->query($sql);

  $nr = mysqli_num_rows($result);
  $nc = mysqli_num_fields($result);
  $recNew = array();

  echo '<div id="peer_table">';
  echo '<table id = "valuation_table" class="table table-bordered table-stripped table-condensed">' . "\n";
  echo '<tr>
          <th> </th>
          <th>Sweg</th>
          <th>Sweg1</th>
          <th>Sweg2</th>
  </tr>';
  for($i = 1;$i <= $nr; $i++) {
      echo '<tr>';
      $records = mysqli_fetch_array($result);
      for($j = 0; $j < $nc; $j++){
          echo '<td>' . $records[$j] . '</td>';
      }
      echo "</tr>";
  }
  echo '</table>';
  echo '</div>';
?>

此代码最终单独运行。当我将它集成到我正在处理的项目时,我得到了跨源帧错误。 任何帮助将不胜感激。

Console Log SQL Records

0 个答案:

没有答案