无法在php端获取Jquery值

Question

I have an array, it is filled in javascript code. I need to reach the values of this array on php side when confirm button clicked. So, I am using ajax post method as below.It is running successfully, I know because all of the alerts are working successfully. This is js part of my code.

$('#firstConfirmButton').click(function(){  

    var my_json_val = JSON.stringify(ordersArray, null);
    alert(my_json_val.toString());

    $.ajax({
        type: "POST",
        url: "test.php",
        data: my_json_val,
        cache: false,
        contentType: false,
        async: false,
        processData: false,
        success:  function(response){
            //alert("---"+data);
        alert("Settings has been updated successfully.");
        alert(my_json_val);
        alert(response);

        window.location.reload(true);
        }
    }); 


});

On the other side, I have a test.php page and also it contains "confirm" button that use the js code above. When this button clicked, I want to echo values of the array that I posted with ajax. But I can not get the values on php side. Here is my php code;

<?php


    require("includes/db.php");
    require("includes/functions.php");

    session_start();       

    if (isset($_POST['firstConfirmButton'])) {

        echo 'I am here'; //I can see only this row on php page

        $my_json_encoded = $_POST['data'];
        $my_json_val = json_decode($my_json_encoded);
        echo $my_json_val;  //nothing happens          

    }

and here is my html code for confirm button;

<form role="form" method="post" action="starbucks.php">
                    <div id="firstConfirmButton">
                        <button type="submit" name="firstConfirmButton"   id="firstConfirmButton" class="btn btn-primary btn-lg">Onayla</button>
                    </div>

So where is my fault, please help!

Answer 1

不要将数组转换为Json，Ajax my_json_val自己转换，因此将my_json_val替换为ordersArray 。

Answer 2

Do you really want to redirect to your php file or do you just need data from it? Because action="file.php" redirects to this file. If you just need data, try to use jquerys .submit method and do an ajax call, otherwise use it to remaster your action attribute (for simplicity i would use an id on the form if you have multiple forms on your site):

$('#yourform').submit(function(){
   var my_json_val = JSON.stringify(ordersArray, null);
   var elem = {
       firstConfirmButton: true, 
       data: my_json_val
   }
   $.ajax({
        type: "POST",
        url: "test.php",
        data: elem,
        cache: false,
        contentType: false,
        async: false,
        processData: false,
        success:  function(response){
            //alert("---"+data);
            alert("Settings has been updated successfully.");
            alert(my_json_val);
            alert(response);
        }
    }); 
    return false;
});

if you actually want to redirect, try using this:

$('#yourform').submit(function(ev){
    var my_json_val = JSON.stringify(ordersArray, null);
    $(this).attr('action', ev.target.action+'?data="'+my_json_val+'"');
});