Extracting JSON Data in Bubble with the Toolbox+ Plugin: Advanced Bubble Tutorial

preview_player
Показать описание


🔹 What You'll Learn:
Extracting JSON data (objects and arrays) as Bubble-recognizable data types.
Using the Expression Plus element for efficient data exposure.
Practical examples demonstrating the plugin's impact on real-world projects.

🔹 Key Features:
Advanced JSON parsing techniques.
Customizable outputs for versatile data handling.

🚀 Ideal for:
Bubble Developers looking to enhance their Bubble applications with advanced data handling capabilities, particularly those dealing with JSON integrations, or JSON data coming in from APIs and third party sources.

#Bubbleio #NoCode #JSONIntegration #SoftwareDevelopment #TechTutorial #DataHandling #WebDevelopment
Рекомендации по теме
Комментарии
Автор

having trouble when return value is a list

JaidenHugh
Автор

hey man, i am having trouble with both expression and your plugin in extracting details from json.

I am asking chatgpt to send me a json object, which i am accessing and saving into a prop called APIformat, which is then used to generate lists.
I ran the same javascript expression in an online compiler and I get the right results.
this is what the end expression looks like in the bubble debug console.

I generate b programatically (
var a = function() {
var b = {
"Tasks": [
{
"Name": "Install Weatherstripping",
"Description": "Clean the door frame, measure and cut the weatherstripping to fit, then attach it along the sides and top of the door frame to seal gaps.",
"Difficulty": "Easy"
},
{
"Name": "Add a Door Sweep",
"Description": "Cut the sweep to the width of the door, then attach it to the bottom of the door to block drafts and moisture from entering underneath.",
"Difficulty": "Easy"
},
{
"Name": "Use Caulk",
"Description": "Apply caulking around the door frame where it meets the wall and where the frame meets the trim. Use exterior-grade caulk for outdoor doors.",
"Difficulty": "Medium"
},
{
"Name": "Install a Storm Door",
"Description": "Follow the manufacturer's instructions for measuring and installing the storm door. Ensure it fits properly and seals well against the primary door.",
"Difficulty": "Hard"
},
{
"Name": "Install Door Gaskets",
"Description": "Attach gaskets to the door frame, ensuring they compress when the door is closed without making it difficult to operate.",
"Difficulty": "Medium"
},
{
"Name": "Insulate the Door",
"Description": "Inject insulation into any hollow areas or gaps within the door itself and around the door frame if needed.",
"Difficulty": "Medium"
},
{
"Name": "Install a Door Threshold",
"Description": "Measure and cut the threshold to fit the door opening. Secure it with screws, ensuring it is flush with the door bottom when closed. Use caulk around the edges for an additional seal.",
"Difficulty": "Medium"
},
{
"Name": "Inspect and Maintain Regularly",
"Description": "Periodically check the door and its weatherproofing measures for wear and tear. Replace worn weatherstripping, repair damaged caulk, and ensure door hardware is functioning correctly.",
"Difficulty": "Easy"
}
]
};

var c = b.Tasks;

return { "res1": c };
}

what am I doing wrong? appreciate your help

imacuriousthinker