Documentation last updated: June 28, 2024

Plugin last updated: June 28, 2024

Table of Contents

Overview

Effortlessly handle JSON data within your application, using dot notation for nested keys.

Why choose this plugin?

• Flexible JSON data storage: Store JSON data in various locations such as database fields, page states, or browser storage. Accept JSON inputs directly from users.

• Simplify database operations: Streamline complex queries and reduce server overhead by accessing and manipulating JSON data directly through nested keys.

• Simplify JSON data management: Eliminate the need for complex Regex parsing. Manage and manipulate JSON data structures easily and intuitively.

• Support for client-side JavaScript calls: Execute JavaScript functions seamlessly within your client-side applications using the plugin's integrated features.

This revised version highlights the flexibility of using dot notation for accessing nested keys in JSON, while still emphasizing the plugin's benefits and capabilities.

How to use

This plugin includes 1 page element:

• Read JSON Data Value

Use the 'Read JSON Data Value' element to access, display, or manipulate JSON data directly on your page. Place a unique element for each data piece you need to work with. For nested lists/arrays, refer to the example app.

Each element features two input fields:

• JSON Data: The JSON data source you want to read from.
  • Key: Specify the location within the JSON structure to read from or write to. Refer to the documentation or example app for guidance.
  • Default Value: The default value when error or not found.
  

The 'Read JSON Data Value' element provides various outputs, each corresponding to:

• Different data types.
  • Whether the value is part of a list (array) or not.
  

This flexibility allows seamless integration with other elements and expressions, ensuring compatibility with the output of the 'Read JSON Data Value' element.

Please note that the output is automatically determined by the JSON parser based on your JSON's formatting, which cannot be altered at present.

Make sure to anticipate the expected data type; for instance, JSON dates are stored and read as strings within the plugin.

Components

Elements

Read JSON Data Value

Plugin Demo

Bubble - Visual Programming

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

https://json-data-value-demo.bubbleapps.io/version-test?debug_mode=true

Changelog

• June 28, 2024: Released

Contact / Support

Please submit any bug reports to paulocoutinhox@gmail.com for any inquiries.