🌐
JSONPlaceholder
jsonplaceholder.typicode.com
JSONPlaceholder - Free Fake REST API
JSONPlaceholder is a free online REST API that you can use whenever you need some fake data.
🌐
GitHub
github.com › typicode › jsonplaceholder
GitHub - typicode/jsonplaceholder: A simple online fake REST API server · GitHub
JSONPlaceholder is a simple fake REST API for testing and prototyping. It's like an image placeholder but for web developers.
Starred by 5.2K users
Forked by 593 users
Languages   HTML 68.1% | JavaScript 31.9%
Discussions

Placeholders in JSON - is there a better method?
What you're doing is a mix of Json but also rudimentary templating. There's libraries out there that can do the heavy lifting for you but your approach is basically the type of thing being done by those implementations - replace "$something" with "something else". More advanced/mature ones can do conditionals, loops and other sorts of things a little fancier than a basic string replacement. So, the way you're going now is fine and reasonable but if you find you need more control, smarter replacements or a giant mess of spaghetti code rolling your own solution you could look up some Python templating libraries to use for the heavy lifting instead. One thing to be careful of however is the format for your "variables" getting replaced, they should not overlap with values you might expect to show up in your data already so they they can be uniquely targeted without catching any unintended cases accidentally. Commonly the dollar sign is a popular candidate used across multiple languages/data. Also can be combined/wrapped with braces for even less chance of unintended matching. eg "Replace {$my-variable} in this sentence". More on reddit.com
🌐 r/learnprogramming
4
2
March 21, 2020
Anyone have a favorite free service that has dummy JSON that can be queried over HTTP?
https://www.reddit.com/.json More on reddit.com
🌐 r/javascript
19
48
January 28, 2017
How to POST data to JsonPlaceholder fake server?
Communities for your favorite technologies. Explore all Collectives · Stack Overflow for Teams is now called Stack Internal. Bring the best of human thought and AI automation together at your work More on stackoverflow.com
🌐 stackoverflow.com
Best JSON Placeholder/Server?
https://github.com/typicode/json-server More on reddit.com
🌐 r/reactnative
2
2
June 28, 2019
People also ask

What can I use instead of JSONPlaceholder?
Alternatives to JSONPlaceholder include ReqRes (adds auth, persistent data, and logs), DummyJSON (more data types), Beeceptor (custom mock servers), and Fake Store API (e-commerce data). ReqRes is the best option if you need authentication flows or data that persists between requests.
🌐
reqres.in
reqres.in › home › blog › jsonplaceholder alternatives: when you need auth, persistence & logs
JSONPlaceholder Alternatives: When You Need Auth, Persistence & ...
Is JSONPlaceholder good for production testing?
JSONPlaceholder is excellent for learning and quick prototyping, but it lacks features needed for production-grade testing: no auth, no persistent storage, no logs, and no per-user data isolation. For CI/CD and QA automation, a more complete API like ReqRes is better suited.
🌐
reqres.in
reqres.in › home › blog › jsonplaceholder alternatives: when you need auth, persistence & logs
JSONPlaceholder Alternatives: When You Need Auth, Persistence & ...
Does JSONPlaceholder support authentication?
No. JSONPlaceholder is a read-only fake data API with no authentication, no persistent data, and no request logging. If you need to test auth flows, user sessions, or data persistence, use an alternative like ReqRes.
🌐
reqres.in
reqres.in › home › blog › jsonplaceholder alternatives: when you need auth, persistence & logs
JSONPlaceholder Alternatives: When You Need Auth, Persistence & ...
🌐
DummyJSON
dummyjson.com
DummyJSON - Free Fake REST API for Placeholder JSON Data
DummyJSON provides a free fake REST API with placeholder JSON data for development, testing, and prototyping. Access realistic data quickly for your projects.
🌐
ReqRes
reqres.in › home › blog › jsonplaceholder alternatives: when you need auth, persistence & logs
JSONPlaceholder Alternatives: When You Need Auth, Persistence & Logs | ReqRes Blog
January 22, 2026 - JSONPlaceholder is great for learning, but what about auth, persistent data, and logs? Compare the best alternatives for real API testing.
🌐
Reddit
reddit.com › r/learnprogramming › placeholders in json - is there a better method?
r/learnprogramming on Reddit: Placeholders in JSON - is there a better method?
March 21, 2020 -

I'm working on a Python script to generate all of the directories and base files I typically create when making a new project. I have a JSON file which stores the directories, the files in each, and the contents of those files.

Right now I have a placeholder value of "<app_name>" in the JSON object that needs to be replaced with the app name provider via user input, but I feel like this is not the right approach for JSON. Is there a standard way to have a placeholder value in JSON objects, or is there a more appropriate way of storing this information?

🌐
JSONPlaceholder
jsonplaceholder.org › home
JSONPlaceholder | JSON Placeholder - jsonplaceholder.org
April 9, 2023 - JSONPlaceholder is an invaluable, free online REST API service, specifically designed to cater to developers seeking sample JSON data.
Find elsewhere
🌐
JSON Placeholder
arnu515.github.io › jsonplaceholder-api-docs
JSON Placeholder
JSON Placeholder · https://jsonplaceholder.typicode.com/posts · Payload · Content type · application/json · Copy Expand all Collapse all · { "id": 0, "title": "string", "body": "string", "userId": 0} 200 · Content type · application/json · Copy Expand all Collapse all ·
🌐
Beeceptor
app.beeceptor.com › mock-server › json-placeholder
JSONPlaceholder APIs - Mock API
{ "status": "Awesome! You have reached dummy JSON APIs. Go to https://beeceptor.com/mock-server/json-placeholder and find the request paths you want to use.
🌐
Scrimba
scrimba.com › fullstack-path-c0fullstack › ~0mt
URL Parameters - JSON Placeholder API
June 9, 2025 - Learn the entire stack from backend to frontend. Focused on hireable skills from the JavaScript ecosystem, like React, Node, Express, Next, and e
🌐
LinkedIn
linkedin.com › posts › masoud-rad65_do-you-know-about-json-placeholder-activity-7148020602988138497-Ecm6
What is JSON Placeholder? | Masoud Rad posted on the topic | LinkedIn
January 2, 2024 - Do you Know about JSON Placeholder? 😵 JSONPlaceholder is an Open Source Online Mock REST API Service, designed for developers who need fake JSON data, offering simple and easy-to-understand access.
🌐
npm
npmjs.com › package › @freepi › jsonplaceholder
@freepi/jsonplaceholder - npm
April 12, 2021 - This is a wrapper for the free JSON Placeholder API. The JSON Placeholder API exists to provide rapid access to dummy JSON data.
      » npm install @freepi/jsonplaceholder
    
Published   Apr 12, 2021
Version   3.0.1
Author   Alex Gaiser
🌐
Medium
medium.com › @saishaddai › fake-json-api-server-with-jsonplaceholder-1d4edb2ab7a4
Fake JSON API Server with JSONPlaceHolder | by Saidel López | Medium
April 29, 2019 - JSONPlaceHolder is a free online API Server you can use to integrate regular API responses to your application. It also has feature I’ve been using for while. You can read JSON responses that you already have in a server at Github through this API.
🌐
Vercel
not-json-placeholder.vercel.app
Not JSONPlaceholder
We cannot provide a description for this page right now
🌐
DEV Community
dev.to › sudhanshudevelopers › how-to-use-json-placeholder-in-a-react-js-project-hei
How to Use JSON Placeholder in a React JS Project. - DEV Community
March 6, 2025 - JSON Placeholder is a free online REST API that provides various endpoints to work with mock data like posts, comments, users, and more. It’s an excellent tool for learning and testing API calls without needing to set up your own server.
🌐
Postman
postman.com › lunar-module-candidate-20715811 › notebook › xLYmRra6m6ov › getting-started-with-rest-ap-is-a-fun-dive-with-json-placeholder
Postman
Accelerate API development with Postman's all-in-one platform. Streamline collaboration and simplify the API lifecycle for faster, better results. Learn more.
🌐
Medium
tapajyoti-bose.medium.com › 7-free-public-apis-you-will-love-as-a-developer-c56fc80c35aa
7 Free Public APIs you will love as a developer💖 | by Tapajyoti Bose | Medium
March 1, 2025 - 7 Free Public APIs you will love as a developer💖 1. JSON Placeholder JSON Placeholder is a service that provides you with fake online REST APIs for testing and prototyping. This is a go-to API for …
🌐
Reddit
reddit.com › r/javascript › anyone have a favorite free service that has dummy json that can be queried over http?
r/javascript on Reddit: Anyone have a favorite free service that has dummy JSON that can be queried over HTTP?
January 28, 2017 -

When testing non-application-specific code (like middleware or generic architecture), I often would like to have something like placehold.it but for JSON. Something I can perform HTTP requests against when I don't necessarily care about what type of data I get back, as long as I get something. Do any of you know of a service like that?

Top answer
1 of 2
4

The issue is the form.

Here's the working code:

<html>

<head>
  <meta http-equiv="Content-Type" charset="UTF-8">
</head>

<body>
  <h1>Please type in new item data:</h1><br>
  <label class="add_label"><b>&nbsp;userId:&nbsp; </b></label>
  <input type="number" class="add_input" id="new_userId" name="new_userId" value="">
  <br>
  <label class="add_label"><b>&nbsp;title:&nbsp;</b></label>
  <input type="text" class="add_input" id="new_title" name="new_title" value="">
  <br>
  <label class="add_label"><b>&nbsp;body:&nbsp;</b></label>
  <input type="text" class="add_input" id="new_body" name="new_body" value="">

  <button id="add_btn2" onclick="New()">Submit</button>
  <script>
    function New() {
      var userid = document.getElementById("new_userId").value;
      var new_title = document.getElementById("new_title").value;
      var new_body = document.getElementById("new_body").value;

      console.log("Input Data: " + userid + " " + new_title + " " + new_body);

      fetch('https://jsonplaceholder.typicode.com/posts', {
          method: 'POST',
          body: JSON.stringify({
            title: new_title,
            body: new_body,
            userId: userid
          }),
          headers: {
            "Content-type": "application/json; charset=UTF-8"
          }
        })
        .then(response => response.json())
        .then(json => {
          console.log('response: ' + JSON.stringify(json));
        })
    }
  </script>
</body>

</html>

Check the console to see the response

2 of 2
2
  1. First you need to prevent the form from submitting, if not it will refresh the page. You can try this:

    In Form

    ... <button id = "add_btn2" onclick = "New(event)" type = "submit">Submit</button> ...

    In function

    function New(e) { e.preventDefault() ...

  2. As stated here JSONPlaceholder Guide, the resource will not be really created. Successful request will return a json object based on form-data you've sent. Just check your browser log, check if the responses just like what the documentation said.