Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 将json插入html表_Php_Html_Json - Fatal编程技术网

Php 将json插入html表

Php 将json插入html表,php,html,json,Php,Html,Json,只是想寻求一些帮助,找出导致我的代码无法执行的原因。我制作了一个数据库和php,将其数据转换为json格式。问题是我想把它传递到一个表中,但什么也没发生。 我的php代码 <?php //$result = $conn->query("SELECT * FROM exampletable"); $servername = "localhost"; $username = "root"; $password = ""; $dbname = "assignment6"; // Cre

只是想寻求一些帮助,找出导致我的代码无法执行的原因。我制作了一个数据库和php,将其数据转换为json格式。问题是我想把它传递到一个表中,但什么也没发生。 我的php代码

<?php

//$result = $conn->query("SELECT * FROM exampletable");
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "assignment6";

// Create connection
$conn = new mysqli('localhost', 'root', $password, $dbname) or die("Unable to connect");

// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 
$sql = "SELECT * FROM exampletable";
$result = mysqli_query($conn, $sql);

//create an array
$emparray = array();
while($row =mysqli_fetch_assoc($result))
{
    $emparray[] = $row;
}
echo json_encode($emparray);
$conn->close();

?>

剧本

<script>
var obj, dbParam, xmlhttp, myObj, x, txt = "";
obj = { "Name":"customers" };
dbParam = JSON.stringify(obj);
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
    myObj = JSON.parse(this.responseText);
    txt += "<table><tr><th>Name</th></tr>"
    for (x in myObj) {
        txt += "<tr><td>" + myObj[x].Name + "</td></tr>";
    }
    txt += "</table>"        
    document.getElementById("demo").innerHTML = txt;
}
};
//https://www.w3schools.com/js/tryit.asp?filename=tryjson_php_db
xmlhttp.open("POST", "customer.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-
urlencoded");
xmlhttp.send("x=" + dbParam);
}
</script>
<p id="demo"></p>

var obj,dbParam,xmlhttp,myObj,x,txt=“”;
obj={“名称”:“客户”};
dbParam=JSON.stringify(obj);
xmlhttp=新的XMLHttpRequest();
xmlhttp.onreadystatechange=函数(){
if(this.readyState==4&&this.status==200){
myObj=JSON.parse(this.responseText);
txt+=“名称”
对于(myObj中的x){
txt+=“”+myObj[x]。名称+“”;
}
txt+=“”
document.getElementById(“demo”).innerHTML=txt;
}
};
//https://www.w3schools.com/js/tryit.asp?filename=tryjson_php_db
open(“POST”,“customer.php”,true);
setRequestHeader(“内容类型”,“应用程序/x-www-form-
"(修订);;
xmlhttp.send(“x=”+dbParam);
}


您是否尝试过使用开发工具(Chrome中的F12)并在JavaScript中设置断点,以查看从Ajax调用中返回的数据(并确保它正在执行)?错误似乎在于
myObj=JSON.parse(this.responseText)
this.responseText
似乎是JSON和intire脚本代码+HTML。仍然不确定如何修复此问题。是否有任何原因不使用jQuery?它使Ajax变得容易得多。否则,如果您对当前代码进行JS处理,我可能会提供更多帮助。由于我无法访问您的模式,因此没有示例将很困难。