如何通过ajax将json发送到php？

Question

我有一个收集用户信息的表单。我将这些信息编码为 JSON 并发送到 php 以通过 AJAX 发送到 mysql db。下面是我放在</body>前面的脚本。

现在的问题是，结果并没有像预期的那样得到警报。所以我相信ajax请求没有正确发出？有人可以帮忙吗？谢谢。

<script>
    $(document).ready(function() {
    $("#submit").click(function() {
        var param2 = <?php echo $param = json_encode($_POST); ?>;
        if (param2 && typeof param2 !== 'undefined')
        {
            $.ajax({
                type: "POST",
                url: "ajaxsubmit.php",
                data: param2,
                cache: false,
                success: function(result) {
                    alert(result);
                }
            });
        }
    });
});
</script>

ajaxsubmit.php

<?php
$phpArray = json_decode($param2);
print_r($phpArray);
?>

Answer 1

您需要在 JSON 字符串周围添加引号。

var param2 = '<?php echo $param = json_encode($_POST); ?>';

Answer 2

据我所知，你做错了。

假设您有一个 id 为“someForm”的表单

然后

$(document).ready(function () {
    $("#submit").click(function () {
        $.ajax({
            type: "POST",
            url: "ajaxsubmit.php",
            data: $('#someForm').serialize(),
            cache: false,
            success: function (result) {
                alert(result);
            }
        });
    }
    });
});

在 PHP 中，你会有这样的东西

$str = "first=myName&arr[]=foo+bar&arr[]=baz";

解码

parse_str($str, $output);
echo $output['first'];  // myName

对于 JSON 输出

echo json_encode($output);

Answer 3

如果您将 JSON 作为 ajax 响应返回，那么首先您必须在 AJAX 中定义响应的数据类型。

试试看。

 <script>
        $(document).ready(function(){  
$("#submit").click(function(){
      var param2 = <?php echo $param = json_encode($_POST); ?>
            if( param2  && typeof param2 !== 'undefined' )
                     {
                  $.ajax({
            type: "POST",
            url: "ajaxsubmit.php",
            data: dataString,
            cache: false,
            dataType: "json",
            success: function(result){
            alert(result);
            }
              });}
            });
});
    </script>

Answer 4

真的很简单！

$(document).ready(function () {
    var jsonData = {
                    "data" : {"name" : "Randika",
                               "age" : 26,
                            "gender" : "male"
                     }
                  };
  
    $("#getButton").on('click',function(){
	    console.log("Retrieve JSON");
        $.ajax({
            url : "http://your/API/Endpoint/URL",
            type: "POST",
            datatype: 'json',
            data: jsonData,
            success: function(data) {
                console.log(data);  // any response returned from the server.
            }
        });
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" value="POST JSON" id="getButton">

如需进一步阅读和参考，请点击以下链接：

1. Link 1 - jQuery 官方文档
2. Link 2 - 各种类型的 POST 和 AJAX 使用。

在我的示例中，代码 sn -p PHP 服务器端应如下所示：

 <?php
    $data = $_POST["data"];
    echo json_encode($data);  // To print JSON Data in PHP, sent from client  side we need to **json_encode()** it.
    // When we are going to use the JSON sent from client side as PHP Variables (arrays and integers, and strings) we need to **json_decode()** it

    if($data != null) {
       $data = json_decode($data);
       $name = $data["name"];
       $age = $data["age"]; 
       $gender = $data["gender"];
       // here you can use the JSON Data sent from the client side, name, age and gender.
    }
 ?>

再次与您的问题更相关的代码 sn-p。

     // May be your following line is what doing the wrong thing
    var param2 = <?php echo $param = json_encode($_POST); ?>
  
    // so let's see if param2 have the reall json encoded data which you expected by printing it into the console and also as a comment via PHP.
  
     console.log("param2 "+param2);
     <?php echo "// ".$param; ?>

Answer 5

经过谷歌的一些研究，我找到了以 JSON 格式提示结果的答案！

感谢大家的时间和精力！

<script>
$("document").ready(function(){
  $(".form").submit(function(){
    var data = {
      "action": "test"
    };
    data = $(this).serialize() + "&" + $.param(data);
    $.ajax({
      type: "POST",
      dataType: "json",
      url: "response.php", //Relative or absolute path to response.php file
      data: data,
      success: function(data) {
        $(".the-return").html(
          "<br />JSON: " + data["json"]
        );

        alert("Form submitted successfully.\nReturned json: " + data["json"]);
      }
    });
    return false;
  });
});

</script>

response.php

<?php
if (is_ajax()) {
  if (isset($_POST["action"]) && !empty($_POST["action"])) { //Checks if action value exists
    $action = $_POST["action"];
    switch($action) { //Switch case for value of action
      case "test": test_function(); break;
    }
  }
}

//Function to check if the request is an AJAX request
function is_ajax() {
  return isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest';
}

function test_function(){
  $return = $_POST;


  echo json_encode($return);

}
?>

这是参考链接：http://labs.jonsuh.com/jquery-ajax-php-json/