如何使用 JSON 将 HTML 数据发送到 PHP？

Question

我似乎无法理解如何将数据从我的 客户端 HTML 发送到我的 服务器端 PHP（这已经意味着它们不在同一个文件夹中并且没有在服务器中运行）并且只收到未识别变量的通知和致命错误：无法访问空属性。

我尝试了 W3Schools 中的方法，但仍然没有成功。为了确保我尝试复制粘贴它。还是一样。

所以我的问题是：如何发送这个简单的客户端 HTML/JavaScript 数据：-

<script>
function sender(){
obj = "tblname";
// how to send that data to the php server-side.
}
</script>

到这个PHP：-

<?php
header("Content-Type: application/json; charset=UTF-8");
$obj = json_decode($_GET["x"], false);

$conn = new mysqli("localhost", "root", "", "mydb");
$result = $conn->query("SELECT * FROM ".$objData);
$outp = array();
$outp = $result->fetch_all(MYSQLI_ASSOC);

echo json_encode($outp);
?>

使用 JSON？

如果有人能详细说明并给我看一个样本，那就太好了。

再次，我是使用 JSON 的菜鸟/新手，没有长期背景（我一周前才开始，已经有很多问题了）并且对于这种类型的客户完全一无所知 -与服务器通信。

我只需要简单的发送者代码（来自 JavaScript）和接收代码（来自 Php）一两行就可以了；并简要说明它们的工作原理。

我使用的是 Windows 7、Wamp3.0.6 和 Chrome。

PS：我是从 W3Schools 那里得到的。是的，它没有用。请不要含糊其辞。谢谢！

Answer 1

您可以从客户端对服务器文件进行ajax调用，并可以使用get方法发送数据

// Using the core $.ajax() method
$.ajax({

    // The URL for the request
    url: "path of your php file",

    // The data to send (will be converted to a query string)
    data: {
        id: 123
    },

    // Whether this is a POST or GET request
    type: "GET",

    // The type of data we expect back
    dataType : "json",
})
  // Code to run if the request succeeds (is done);
  // The response is passed to the function
  .done(function( json ) {
     })
  // Code to run if the request fails; the raw request and
  // status codes are passed to the function
  .fail(function( xhr, status, errorThrown ) {
    alert( "Sorry, there was a problem!" );

  })
  // Code to run regardless of success or failure;
  .always(function( xhr, status ) {
    alert( "The request is complete!" );
  })

Answer 2

-_- 当简单的答案是这段代码时，每个人似乎都在尝试过度复杂化和过度思考。

function caller(){
myData = "myTbl";
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "bring.php?q="+myData,true); //sends myData to the php. You can change the GET to POST if ya want to be extra safe but either way, the php won't care anyways.
xmlhttp.send();
}

以上代码来自客户端服务器，将myData的数据发送到这个Server-side php。

<?php
$q = $_REQUEST['q']; //the receiver of the data. You can use explode() to separate them into pieces and turn it into a jigsaw puzzle if ya want.

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "Mydb";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} // how to connect is not important in my question but it is important for you to be able to connect to the database.

// now for the important stuff

$sql = "SELECT * FROM ".$q." "; // I had to extend it with a space because sometimes it's misunderstood.
$result = mysqli_query($conn, $sql) or die("Error in Selecting " . mysqli_error($conn));
$outp = array();

while($row=mysqli_fetch_assoc($result))
{
    $outp[] = $row;
}
    echo json_encode($outp); //sends the data gathered from the database table back to the client as a JSON file, and you are done.
?>

我花了 6 个小时的时间在网上冲浪和反复试验。

就像我说的；我是 JSON 的新手，所以很清楚我不懂 AJAX。就像，完全一样。

如果你认为我听起来像个白痴，我很抱歉，但让我们面对现实吧，几乎我们所有人在尝试学习编程时都曾是白痴。所以，我很惊讶为什么有些人在这里很粗鲁。谢谢。不知何故，我对他们也喜欢这里并不感到惊讶。让我的网络社交生活变得更无聊了。

所以下次，帮我一个忙，不要完全无礼，只要有问题就回答。

Answer 3

您不能按原样通过 HTTP 传输对象。您需要将其转换为可以放入 HTTP-POST 请求正文的字符串：

try {
  var jsonString = JSON.stringify(anyJsonObject);
  //send it to the server
} catch(ex) {
  //handle error if anyJsonObject wasn't a valid JSON object. Remember: Not every JS object is a JSON object too.
}

相反的方式是：

try {
   var jsonObject = JSON.parse(anyJsonString);
} catch(ex) {
   //handle error if anyJsonString was malformed
}