【问题标题】:"The php script was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type" error“即使其 MIME 类型(“text/html”)不是有效的 JavaScript MIME 类型,也已加载 php 脚本”错误
【发布时间】:2021-04-08 23:39:05
【问题描述】:

我正在尝试使用 php 从引导程序表单将数据插入到 oracle 数据库。每当我尝试在 mozilla firefox 中执行 html 文件时,都会发生以下错误:

脚本来自 “http://localhost/CustomerPartInAsma/CUSTOMER%20part%20in%20ASMA/Customer_register.php” 即使其 MIME 类型(“text/html”)不是有效的,也已加载 JavaScript MIME 类型

我的html代码和php代码如下:

HTML 代码

   <!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Business Casual - Start Bootstrap Theme</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom fonts for this template -->
  <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">

  <!-- Custom styles for this template -->
  <link href="css/business-casual.min.css" rel="stylesheet">
  <link href="css/employee.css" rel="stylesheet">
 

</head>

<body>

  
  <!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
    <div class="container">
      <a class="navbar-brand text-uppercase text-expanded font-weight-bold d-lg-none" href="#">Start Bootstrap</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav mx-auto">
           <li class="nav-item px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="index2.html">Home</a>
          </li>
          <li class="nav-item px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="about2.html">About</a>
          </li>
          <li class="nav-item px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="services2.html">Services</a>
          </li>
           <li class="nav-item px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="gallery2.html">Gallery</a>
          </li>
           
           <li class="nav-item active px-lg-4">
            <a class="nav-link text-uppercase text-expanded" href="logout.html">Login
            </a>
          
          
        </ul>
      </div>
    </div>
  </nav>


    <body>

      
  

  <div class="container">
    <div class="row">
      <div class="col-lg-10 col-xl-9 mx-auto">
        <div class="card card-signin flex-row my-5">
          <div class="card-img-left d-none d-md-flex">
             <!-- Background image for card set in CSS! -->
          </div>
          <div class="card-body">
            <h3 class="card-title text-center">Register</h3>
            <form class="form-signin" role="form" method="post" action="Customer_register.php">
              <div class="form-label-group">
                <input type="text" id="inputUsername" name="inputUsername"class="form-control" placeholder="Username" required autofocus>
                <label for="inputUserame">Full Name</label>
              </div>

              
              <div class="form-label-group">
                <input type="text" id="inputContactNo" name="inputContactNo" class="form-control" placeholder="Contact No" required>
                <label for="inputContactNo">Contact No</label>
              </div>

              <div class="form-label-group">
                <input type="text" id="inputAddress"  name="inputAddress" class="form-control" placeholder="Address" required>
                <label for="inputAddress">Address</label>
              </div>
              
              
              <div class="form-label-group">
                <input type="text" id="inputAllergies"  name="inputAllergies" class="form-control" placeholder="Allergies" required>
                <label for="inputAllergies">Allergies</label>
              </div>
              
              <div class="form-label-group">
                <input type="text" id="inputSkinType" name="inputSkinType" class="form-control" placeholder="Skin Type" required>
                <label for="inputSkinType">Skin Type</label>
              </div>
              
              <div class="form-label-group">
                <input type="text" id="inputHairType"  name="inputHairType" class="form-control" placeholder="Hair Type" required>
                <label for="inputHairType">Hair Type</label>
              </div>
              
              
              <hr>

              <div class="form-label-group">
                <input type="password" id="inputPassword" name="inputPassword" class="form-control" placeholder="Password" required>
                <label for="inputPassword">Password</label>
              </div>
              
              <div class="form-label-group">
                <input type="password" id="inputConfirmPassword" class="form-control" placeholder="Password" required>
                <label for="inputConfirmPassword">Confirm password</label>
              </div>

              <button class="btn btn-lg btn-primary btn-block text-uppercase" type="submit" formaction="index.html" name= "submit">Register</button>
              <a class="d-block text-center mt-2 small" href="login.html">Sign In</a>
              <hr class="my-4">
              
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>






 
  <footer class="footer text-faded text-center py-5">
    <div class="container">
      <p class="m-0 small">Copyright &copy; Your Website 2019</p>
    </div>
  </footer>
  

  <!-- Bootstrap core JavaScript -->
 
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

</body>

</html>

PHP 代码

<?php


    $conn=oci_connect("ASMADB","asmadb","localhost/XE");
    if(!$conn)
        echo 'Failed to connect to Oracle';
    else
        echo 'successful';
    

    $name = $_POST['inputUsername'];
    $phn = $_POST['inputContactno'];
  $add = $_POST['inputAddress'];
  $s_type= $_POST['inputSkinType'];
    $h_type = $_POST['inputHairType'];
      $allergies = $_POST['inputAllergies'];
      $C_pass=  $_POST['inputPassword'];
        
         


    

    $sql="INSERT into customer values('','$name','',0.0,'$s_type','$h_type','$allergies','$phn','$add',1,'$rating','$C_pass')";


    
    $objParse = oci_parse($conn, $sql);

    $objExecute = oci_execute($objParse, OCI_DEFAULT);

    if($objExecute)

    {

        oci_commit($conn); 

        echo "Save completed.";
        

    }

    else

    {
        oci_rollback($conn); 

        $m = oci_error($objParse);

        echo "Error Save [".$m['message']."]";

    }
     
    oci_close($conn);

    ?>

如果有人帮助我解决此错误并将数据插入到我的 oracle 数据库中,这将非常有帮助。

【问题讨论】:

  • 错误是不言自明的。哪一部分你不明白?
  • 另外,您的 PHP 脚本容易受到 SQL 注入的攻击。
  • 我无法为此错误插入数据。你能告诉我如何解决这个错误吗?
  • "另外,您的 PHP 脚本容易受到 SQL 注入的攻击。"你能解释一下吗?并在需要时提出一些修改? @戴
  • 您不应该将信息直接插入到 sql 查询中。谷歌如何发生 sql 注入。有人可以将恶意字符串放入名称字段并访问您的数据库

标签: javascript php html bootstrap-4


【解决方案1】:

&lt;script src="Customer_register.php"&gt;&lt;/script&gt;

您似乎正在尝试将 PHP 文件加载为 JavaScript 代码。这是一个错误吗?

如果不是,您的浏览器将拒绝您尝试加载的动态 JavaScript。您必须将 JavaScript 的 MIME 类型提供给浏览器。将此添加到 Customer_register.php 文件的顶部:

header("Content-type: text/javascript");

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types

【讨论】:

  • php文件只添加在这部分:&lt;form class="form-signin" role="form" method="post" action="Customer_register.php"&gt;(代码被编辑)即使添加了部分:header("Content-type: text/javascript");php文件没有加载!
  • 我只是很困惑为什么您将数据发布到您已链接为 JavaScript 的文件中。
猜你喜欢
  • 2020-06-20
  • 2020-03-25
  • 2018-12-13
  • 2019-08-16
  • 1970-01-01
  • 2019-08-06
  • 2022-11-29
  • 2020-05-31
  • 1970-01-01
相关资源
最近更新 更多