使用jquery / ajax和php将数据发送到json文件

Question

I'm having some trouble writing to a JSON file using ajax/jQuery along with PHP. The code I have currently is:

jQuery

 var object = {
    name: 'John',
    occupation: 'Lawyer'
}

$(".testing-php").click(function () {
    $.ajax({
        type: 'POST',
        data: {params:object},
        url: 'details.php',
        success: function (data) {
        console.log(object);
        alert('success');
        },
        error: function () {
            alert('error');
        }
    });

This part seems to be working correctly as the console.log statement correctly displays - {"name":"John","occupation":"Lawyer"}

My PHP file is currently like this:

      <?php
var_dump($_POST);
if (isset($_POST['params']) && strlen($_POST['params'])) {
    $params = $_POST['params'];
    $jsonObject = json_encode($params);
    if (is_writable('js/details.json')) {
        file_put_contents('js/details.json', $jsonObject);
        echo "success";
    } else {
        echo "file is not writable, check permissions";
    }
} else {
    echo "invalid params";
}
?>

Finally, the current JSON file looks like this:

{
"name": "Neil",
"occupation": "web developer"
}

Update

This is the information which the var_dump($_POST) displays. Along with the message .invalid params'.

array(1) {
  ["params"]=>
  array(2) {
  ["name"]=>
string(4) "John"
["occupation"]=>
string(6) "Lawyer"
}
}
invalid params

The AJAX request parameters are on two different rows and are displayed as

params[name]:"John"

params[occupation]:"Lawyer"

I am simply hardcoding values at the moment until I get the process working. Can anyone tell me what I am doing wrong here as the JSON file isn't being written to?

Many thanks

Answer 1

One extra ! in this test got you the exact opposite of what you meant to do (read it as "not"), removing it should help. Also added/changed some tests.

It's also good practice to output something in your ajax query, so you can get some feedback from the server in your browser dev tools.

<?php
var_dump($_POST);

if (isset($_POST['params'])) {
    $params = $_POST['params'];
    $jsonObject = json_encode($params);
    if (is_writable('js/details.json')) {
        file_put_contents('js/details.json', $jsonObject);
        echo "success";
    } else {
        echo "file is not writable, check permissions";
    }
} else {
    echo "invalid params";
}

---

UPDATE : Also updated your jQuery code to pass the params variable under a params key, for it to be picked up correctly server-side (no need to stringify as json by the way, jQuery does it on your behalf):

    var object = {
        name: 'John',
        occupation: 'Lawyer'
    }

    $(".testing-php").click(function () {
        $.ajax({
            type: 'POST',
            data: {params:object},
            url: 'details.php',
            success: function (data) {
                console.log(params);
                alert('success');
            },
            error: function () {
                alert('error');
            }
        });

---

UPDATE : Also removed a test to accomodate an array-typed $_POST['params'] .

Answer 2

您可能希望进行一些验证，以确保您的params安全到达那里。