javascript - PHP 不向 JavaScript 发送 JSON 对象-6ren

javascript - PHP 不向 JavaScript 发送 JSON 对象

转载作者：行者123 更新时间：2023-11-29 12:54:02

24

4

<?php
    header("Content-Type: application/json");
    if(isset($_POST['limit'])){
        $limit = preg_replace('#[^0-9]#', '', $_POST['limit']);
        require_once("connect_db.php");
        $i = 0;
        $jsonData = '{';
        $sqlString = "SELECT * FROM tablename ORDER BY RAND() LIMIT $limit";
        $query = mysqli_query($con, $sqlString) or die (mysqli_error()); 
        while ($row = mysqli_fetch_array($query)) {
            $i++;
            $id = $row["id"]; 
            $title = $row["title"];
            $cd  = $row["creationdate"];
            $cd = strftime("%B %d, %Y", strtotime($cd));
            $jsonData .= '"article'.$i.'":{ "id":"'.$id.'","title":"'.$title.'", "cd":"'.$cd.'"  },';
        }
        $now = getdate();
        $timestamp = $now[0];
        $jsonData .= '"arbitrary":{"itemcount":'.$i.', "returntime":"'.$timestamp.'"}';
        $jsonData .= '}';
        echo $jsonData;
    }
?>
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            var myTimer;
            function ajax_json_data(){
            var databox = document.getElementById("databox");
            var arbitrarybox = document.getElementById("arbitrarybox");
            var hr = new XMLHttpRequest();
            hr.open("POST", "json_mysql_data.php", true);
            hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            hr.onreadystatechange = function() {
                if(hr.readyState == 4 && hr.status == 200) {
                    var d = JSON.parse(hr.responseText);
                    arbitrarybox.innerHTML = d.arbitrary.returntime;
                    databox.innerHTML = "";
                    for(var o in d){
                        if(d[o].title){
                            databox.innerHTML += '<p><a href="page.php?id='+d[o].id+'">'+d[o].title+'</a><br>';
                            databox.innerHTML += ''+d[o].cd+'</p>';
                            }
                        }
                    }
                }
                hr.send("limit=4");
                databox.innerHTML = "requesting...";
                myTimer = setTimeout('ajax_json_data()',6000);
            }
        </script>
    </head>
    <body>
        <h2>Timed JSON Data Request Random Items Script</h2>
        <div id="databox"></div>
        <div id="arbitrarybox"></div>
        <script type="text/javascript">ajax_json_data();</script>
    </body>
</html>

PHP 代码位于一个名为“json_mysql_data.php”的单独文件中。我只是按照 https://www.youtube.com/watch?v=-Bv8P5oQnFw 的教程进行操作对他来说效果很好，但对我来说则不然。我单独使用 mysql 测试了“connect_db.php”，它工作正常。在我看来，php 不会通过 if (isset ($_POST['limit'])) 但为什么...在 html 文件上，我从 javascript 代码中收到“请求...”消息，这意味着等待PHP。感谢大家的帮助。

最佳答案

您检查就绪状态并更改 databox 的内容响应 JSON 在 onreadystatechange功能:

hr.onreadystatechange = function(aEvt) {
    if(hr.readyState == 4 && hr.status == 200) {
        …
        databox.innerHTML += …;
        …
    }
    …
    databox.innerHTML = "requesting...";
    …
}

但是您更改了 databox 的 HTML :

databox.innerHTML = "requesting...";

仍然在 onreadystatechange 的区 block 内函数，并且之后您收到响应，因此 databox总是会说"requesting..."无论您收到什么。您必须移动打印 "requesting..." 的部分在它之外:

hr.onreadystatechange = function(aEvt) {
    if(hr.readyState == 4 && hr.status == 200) {
        …
        databox.innerHTML += …;
        …
    }
    …
}
…
databox.innerHTML = "requesting...";
…

更新:

此外，您的函数似乎没有正确定义，如您所见， MDN reference pages 上的函数示例接收参数:

req.onreadystatechange = function(aEvt) {
    …
}

但是你的没有这样的参数:

hr.onreadystatechange = function() {
    …
}

就是这样。

关于javascript - PHP 不向 JavaScript 发送 JSON 对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24348023/

24

4

0

文章推荐： ios - 有没有办法在 AFNetworking 2.0 中简化这样的代码？

文章推荐： sql - PostgreSQL，不同，排序依据和括号

文章推荐： ios - 保存未知数量的 NSArray

java - 对象 a = 对象 b；对象 a 会发生什么？
我的一位教授给了我们一些考试练习题，其中一个问题类似于下面(伪代码): a.setColor(blue); b.setColor(red); a = b; b.setColor(purple); b
JavaScript 测试(对象 && 对象 !== "null"&& 对象 !== "undefined")
我似乎经常使用这个测试 if( object && object !== "null" && object !== "undefined" ){ doSomething(); } 在对象上，我
C#对象/对象
C# Object/object 是值类型还是引用类型？我检查过它们可以保留引用，但是这个引用不能用于更改对象。 using System; class MyClass { public s
javascript - 通过ajax发送json - 对象 - 对象
我在通过 AJAX 发送 json 时遇到问题。 var data = [{"name": "Will", "surname": "Smith", "age": "40"},{"name": "Wil
javascript - 如何获取值[对象][对象]
当我尝试访问我的 View 中的对象 {{result}} 时(我从 Express js 服务器发送该对象)，它只显示 [object][object]有谁知道如何获取 JSON 格式的值吗？这是
java - 对象...对象[] 和格式
我有不同类型的数据(可能是字符串、整数......)。这是一个简单的例子: public static void main(String[] args) { before("one"); }
javascript - 如何修复[对象，对象]
嗨，我是 json 和 javascript 的新手。我在这个网站找到了使用json数据作为表格的方法。我很好奇为什么当我尝试使用 json 数据作为表时，我得到 [Object,Object]
JavaScript [对象][对象] 调试
已关闭。此问题需要 debugging details 。目前不接受答案。编辑问题以包含 desired behavior, a specific problem or error, and the
java - 对象==空或空==对象？
我听别人说 null == object 比 object == null check 例如: void m1(Object obj ) { if(null == obj) // Is thi
VBS教程：对象-Match 对象
Match 对象提供了对正则表达式匹配的只读属性的访问。说明 Match 对象只能通过 RegExp 对象的 Execute 方法来创建，该方法实际上返回了 Match 对象的集合。所有的
VBS教程：对象-Class 对象
Class 对象使用 Class 语句创建的对象。提供了对类的各种事件的访问。说明不允许显式地将一个变量声明为 Class 类型。在 VBScript 的上下文中，“类对象”一词指的是用
VBS教程：对象-Folder 对象
Folder 对象提供对文件夹所有属性的访问。说明以下代码举例说明如何获得 Folder 对象并查看它的属性： Function ShowDateCreated(f
VBS教程：对象-File 对象
File 对象提供对文件的所有属性的访问。说明以下代码举例说明如何获得一个 File 对象并查看它的属性： Function ShowDateCreated(fil
VBS教程：对象-Drive 对象
Drive 对象提供对磁盘驱动器或网络共享的属性的访问。说明以下代码举例说明如何使用 Drive 对象访问驱动器的属性： Function ShowFreeSpac
VBS教程：对象-FileSystemObject 对象
FileSystemObject 对象提供对计算机文件系统的访问。说明以下代码举例说明如何使用 FileSystemObject 对象返回一个 TextStream 对象，此对象可以被读
对象
我是 javascript OOP 的新手，我认为这是一个相对基本的问题，但我无法通过搜索网络找到任何帮助。我是否遗漏了什么，或者我只是以错误的方式解决了这个问题？这是我的示例代码: functio
对象
我可以很容易地创造出很多不同的对象。例如像这样: var myObject = { myFunction: function () { return ""; } };
对象
function Person(fname, lname) { this.fname = fname, this.lname = lname, this.getName = function()
javascript - JSON 返回(对象，对象)
任何人都可以向我解释为什么下面的代码给出 (object, Object) 吗？ (console.log(dope) 给出了它应该的内容，但在 JSON.stringify 和 JSON.parse
javascript - 返回 [对象，对象] 的工具提示
我正在尝试完成散点图 exercise来自免费代码营。然而，我现在只自己学习了 d3 几个小时，在遵循 lynda.com 的教程后，我一直在尝试确定如何在工具提示中显示特定数据。 This code

首页

博学

6Ren·AI

商城

javascript - PHP 不向 JavaScript 发送 JSON 对象