php - URL を div タグにロードする

Question

こんにちは、Ajax を使用して div タグ内に URL をロードする必要があります。これは私が使用したコードです。

function loadXMLDoc()
{

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();

  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {

    document.getElementById("Loading_Page").innerHTML=xmlhttp.responseText;

}

  }

  xmlhttp.open("POST","UserTypesPHP.php",true);

xmlhttp.send();
}

これが私の UserTypesPHP.php の外観です。

<?php

// Create connection
include('connectionPHP.php');


// Check connection
if (mysqli_connect_errno($con))
  {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }
 //Adding Student records
 if (!empty($_POST['UserTypeSubmit'])){ 


  $sqlstu1="INSERT INTO user_type(User_ID ,User_Name) VALUES('$_POST[UserTypeID]','$_POST[UserType]')";



if (!mysqli_query($con,$sqlstu1))
  {
die("<script>alert( \"Error: ". mysqli_error($con)."\");window.location.href='AdminUser.php';</script>");


  }

 else
 echo "<script>alert ('The lecture was recorded successfully');
 window.location.href=' AdminUser.php';
 </script>";


 }



mysqli_close($con);
?>

AdminUser.php を Loading_Page div にリダイレクトしようとしています。しかし、これは期待どおりには機能しません。誰か理由を教えてください。

前もって感謝します。

Answer 1

function loadXMLDoc()
{

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();

  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {

    if(xmlhttp.responseText == 'success'){
      response(); 
    }
    //document.getElementById("Loading_Page").innerHTML=xmlhttp.responseText;

    }

  }

  xmlhttp.open("POST","UserTypesPHP.php",true);

xmlhttp.send();
}
function response(){
     alert ('The lecture was recorded successfully');
     window.location.href=' AdminUser.php';
}

そしてphpファイルで：

   <?php

// Create connection
include('connectionPHP.php');


// Check connection
if (mysqli_connect_errno($con))
  {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }
 //Adding Student records
 if (!empty($_POST['UserTypeSubmit'])){ 


  $sqlstu1="INSERT INTO user_type(User_ID ,User_Name) VALUES('$_POST[UserTypeID]','$_POST[UserType]')";



if (!mysqli_query($con,$sqlstu1))
  {
die("<script>alert( \"Error: ". mysqli_error($con)."\");window.location.href='AdminUser.php';</script>");


  }

 else
 echo "success";


 }



mysqli_close($con);
?>

Answer 2

これが簡単な解決策です。応答に が含まれている場合、応答<script>全体がスクリプトであると見なされます。他の HTML からスクリプトを解析しようとはしません。

xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        if (/<script>/.test(xmlhttp.responseText)) {
            var script = document.createElement('script');
            script.appendChild(document.createTextNode(xmlhttp.responseText.replace(/<\/?script.*?>/g, '')));
            document.getElementByTagName("head").item(0).appendChild(script);
        } else {
            document.getElementById("Loading_Page").innerHTML = xmlhttp.responseText;
        }
    }
}