javascript ajax 不在同一页面上将数组发送到 php

Question

我对这个话题深有体会，但我尝试的每个解决方案都有一些错误......

在阅读了一些帖子后，我尝试创建一个简单的 jquery+ajax call+php 演示，但它没有在同一页面上通过 post 方法检索数组

我的剧本

var stuff ={'key1':'value1','key2':'value2'};

    $("#btn").click(function(e) {

    e.preventDefault();
  $.ajax({
    type    : 'POST',
    url     : '3.php',
    data    : {result:JSON.stringify(stuff)},
    success : function(response) {
    console.log(response);            
    }    
});

});

和

php

if(isset($_POST['result'])) {
$data    = $_POST["result"];
$data    = json_decode("$data", true);
echo "key1 : ".$data["key1"];

}

编辑：成功功能很好，它给了我回应，但我没有通过邮寄获得数据......

但我既没有收到任何错误，也没有收到任何数据，我如何追踪我做错了什么？

Answer 1

<?php

if(isset($_POST['result'])) {
    $data    = $_POST["result"];
    $data    = json_decode("$data", true);
    echo "key1 : ".$data["key1"];
    die();
}

?>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<script>
var stuff ={'key1':'value1','key2':'value2'};


$( document ).ready(function() {

    $("#btn").click(function(e) {

    e.preventDefault();
  $.ajax({
    type    : 'POST',
    url     : '3.php',
    data    : {result:JSON.stringify(stuff)},
    success : function(response) {
        $('#result').html(response);
    }    
});

});

});

</script>



<input type='button' id='btn' value='RUNN'>


<div id='result'></div>