The successful Ajax POST request does not result in an update to the JSON file

Question

The successful Ajax POST request does not result in an update to the JSON file

I am facing an issue with adding data to a *.JSON file. Despite receiving a "success" message from Ajax, the file remains unchanged. I have also noticed that when the JSON file is empty, nothing happens at all. Can someone help me find a solution? I'm struggling to locate the source of the problem. Any insight into other possible causes would be greatly appreciated. Thank you.

Here is the ajax code snippet:

 $.ajax({
     type: "POST",
     url: "data/test.json",
     data:  JSON.stringify({ "userName": "1", "password" : "1" }),
     contentType: "application/json; charset=utf-8",
     dataType: "json",
     success: function(data){alert("success");},
     fail: function(errMsg) {alert("fail");
     }
});

javascript ajax json

Answer 1

Answer №1

One of the most effective solutions involved implementing denver and utilizing PHP code on the server-side.

The following snippet is from the JavaScript file:

deleteNewsItem: function(newsId, callback, scope) {
    var dataPath = this.dataPath;
    $.getJSON(dataPath + '/delete-news.php?id='+newsId, function(rawHeadlines) { 
        var headlines = [];
        $.each(rawHeadlines, function(index, rawHeadline) {
            headlines.push(rawHeadline.id);
        });
    });

    if (callback) {
        callback.call(scope, headlines);
    }
};

This excerpt represents the code within the "delete_news.php" file:

<?php

$deleteId = isset($_GET['id'])?$_GET['id']:false;

if ($deleteId){
    $content = file_get_contents('delete-news.json');
    $json = json_decode($content);

    $newData = array();
    foreach($json as $key=>$id){
        $newData []= (array)$id;
    }
    $newData []= array("id"=>(int)$deleteId);

    $fill_view = json_encode($newData);
    file_put_contents('delete-news.json', ($fill_view));
    echo $fill_view;
} else {
    echo json_encode(array());
}
exit();

?>

Answer 2

One of the most effective solutions involved implementing denver and utilizing PHP code on the server-side.

The following snippet is from the JavaScript file:

deleteNewsItem: function(newsId, callback, scope) {
    var dataPath = this.dataPath;
    $.getJSON(dataPath + '/delete-news.php?id='+newsId, function(rawHeadlines) { 
        var headlines = [];
        $.each(rawHeadlines, function(index, rawHeadline) {
            headlines.push(rawHeadline.id);
        });
    });

    if (callback) {
        callback.call(scope, headlines);
    }
};

This excerpt represents the code within the "delete_news.php" file:

<?php

$deleteId = isset($_GET['id'])?$_GET['id']:false;

if ($deleteId){
    $content = file_get_contents('delete-news.json');
    $json = json_decode($content);

    $newData = array();
    foreach($json as $key=>$id){
        $newData []= (array)$id;
    }
    $newData []= array("id"=>(int)$deleteId);

    $fill_view = json_encode($newData);
    file_put_contents('delete-news.json', ($fill_view));
    echo $fill_view;
} else {
    echo json_encode(array());
}
exit();

?>

Answer 3

Answer №2

Using jQuery alone, saving a JSON file is not within reach. To accomplish this task, you need to incorporate server-side coding.

Answer 4

Using jQuery alone, saving a JSON file is not within reach. To accomplish this task, you need to incorporate server-side coding.

Answer 5

Answer №3

Your code seems to have an error, remember there is no such thing as failure but rather errors or failures. Give this a try and let me know if it helps. It appears that saving data to a file using JavaScript/jQuery may not be possible due to security reasons. If you want to retrieve or store information, you'll need to do so on the server side. For smaller amounts of data, consider using cookies or localStorage("Key", "Value As Json");

To save data in localStorage, use the following method:

    $.get("data/test.json", null, function (data) {

    localStorage.setItem("data", JSON.stringify(data));
});

Unfortunately, as mentioned earlier, saving directly to a file using JavaScript/jQuery may not be feasible. Instead, utilize localStorage for temporary storage.

Answer 6

Your code seems to have an error, remember there is no such thing as failure but rather errors or failures. Give this a try and let me know if it helps. It appears that saving data to a file using JavaScript/jQuery may not be possible due to security reasons. If you want to retrieve or store information, you'll need to do so on the server side. For smaller amounts of data, consider using cookies or localStorage("Key", "Value As Json");

To save data in localStorage, use the following method:

    $.get("data/test.json", null, function (data) {

    localStorage.setItem("data", JSON.stringify(data));
});

Unfortunately, as mentioned earlier, saving directly to a file using JavaScript/jQuery may not be feasible. Instead, utilize localStorage for temporary storage.

The successful Ajax POST request does not result in an update to the JSON file

Answer №1

Answer №2

Answer №3

Similar questions

Use Angular and JavaScript to fetch HTML from a mySQL database and dynamically render it on a webpage

Unable to import the Node.js array in the import() file

How can I apply red border styling only after the first click in MUI React?

Search Live Results in Drupal

Shift the attention from the text box to the AJAX combobox when the enter key is pressed

Creating a canvas texture on tube geometry with three.js for optimal display on iPad devices

The React-Chartjs chart is displaying without any color rendering

Ensuring the Line Breaks in CSS and JavaScript to Easily Modify the Style

Converting Nested Classes into Rows in a Table using Spring Framework

javascript strange behavior observed with multidimensional array

Using the information selected from the dropdown menu, the table was refined through an AJAX request

Modal containing Jquery GalleryView

How can PHP Ajax be used to determine when a modal should pop up?

Div keydown event not being triggered in Vue

Dividing a single AJAX request containing 5000 rows into separate AJAX calls each returning 100 rows

Retrieving data from a JSON object in Python

Invoke index functions within a component

Three.js - Troubleshooting: Imported OBJ model displaying partially transparent triangles

Adding new users to the Ajax Chat Script is an essential process that can enhance communication

Error Message for Sequelize Validation Fails to Appear as Expected