Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • The JavaScript JSON Cookbook
  • Toc
  • feedback
The JavaScript JSON Cookbook

The JavaScript JSON Cookbook

By : Ray Rischpater, Brian Ritchie
1 (2)
close
The JavaScript JSON Cookbook

The JavaScript JSON Cookbook

1 (2)
By: Ray Rischpater, Brian Ritchie

Overview of this book

If you're writing applications that move structured data from one place to another, this book is for you. This is especially true if you've been using XML to do the job because it's entirely possible that you could do much of the same work with less code and less data overhead in JSON. While the book's chapters make some distinction between the client and server sides of an application, it doesn't matter if you're a frontend, backend, or full-stack developer. The principles behind using JSON apply to both the client and the server, and in fact, developers who understand both sides of the equation generally craft the best applications.
Table of Contents (12 chapters)
close
close
Preface
Preface
What this book covers
What you need for this book
Who this book is for
Sections
Conventions
Reader feedback
Customer support
Free Chapter
1
1. Reading and Writing JSON on the Client
1. Reading and Writing JSON on the Client
Introduction
Reading and writing JSON in JavaScript
Reading and writing JSON in C++
Reading and writing JSON in C#
Reading and writing JSON in Java
Reading and writing JSON in Perl
Reading and writing JSON in Python
2
2. Reading and Writing JSON on the Server
2. Reading and Writing JSON on the Server
Reading and writing JSON in Clojure
Reading and writing JSON in F#
Reading and writing JSON with Node.js
Reading and writing JSON in PHP
Reading and writing JSON in Ruby
3
3. Using JSON in Simple AJAX Applications
3. Using JSON in Simple AJAX Applications
Introduction
Creating an XMLHttpRequest object
Making an asynchronous request for data
Sending JSON to your web server
Accepting JSON using Node.js
Getting the progress of an asynchronous request
Parsing the returned JSON
Issuing a web service request using Node.js
4
4. Using JSON in AJAX Applications with jQuery and AngularJS
chevron up
4. Using JSON in AJAX Applications with jQuery and AngularJS
Introduction
Adding a dependency to jQuery to your web page
Requesting JSON content using jQuery
Sending JSON to your web server using jQuery
Getting the progress of a request using jQuery
Parsing the returned JSON using jQuery
Adding a dependency to AngularJS to your web page
Requesting JSON content using AngularJS
Sending JSON to your web server using AngularJS
Getting the progress of a request using AngularJS
Parsing the returned JSON using AngularJS
5
5. Using JSON with MongoDB
5. Using JSON with MongoDB
Introduction
Setting up MongoDB
Installing the MongoDB database driver for Node.js
Installing the express module for Node.js
Connecting to a MongoDB database using Node.js
Creating a document in MongoDB using Node.js
Searching for a document in MongoDB with Node.js
Updating a document in MongoDB with Node.js
Deleting a document in MongoDB using Node.js
Using REST to search MongoDB
Using REST to create a document in MongoDB
Using REST to update a document in MongoDB
Using REST to delete a document in MongoDB
6
6. Using JSON with CouchDB
6. Using JSON with CouchDB
Introduction
Installing and setting up CouchDB and Cradle
Connecting to a CouchDB database using Node.js and Cradle
Creating a CouchDB database using Node.js and Cradle
Creating a document in CouchDB using Node.js and Cradle
Setting up a data view in CouchDB with Node.js and Cradle
Searching for a document in CouchDB with Node.js and Cradle
Updating a document in CouchDB with Node.js and Cradle
Deleting a document in CouchDB using Node.js and Cradle
Using REST to enumerate CouchDB records
Using REST to search CouchDB
Using REST to upsert a document in CouchDB
Using REST to delete a document in CouchDB
7
7. Using JSON in a Type-safe Manner
7. Using JSON in a Type-safe Manner
Introduction
How to deserialize an object using Json.NET
How to handle date and time objects using Json.NET
How to deserialize an object using gson for Java
How to use TypeScript with Node.js
How to annotate simple types using TypeScript
How to declare interfaces using TypeScript
How to declare classes with interfaces using TypeScript
Using json2ts to generate TypeScript interfaces from your JSON
8
8. Using JSON for Binary Data Transfer
8. Using JSON for Binary Data Transfer
Introduction
Encoding binary data as a base64 string using Node.js
Decoding binary data from a base64 string using Node.js
Encoding and decoding binary data as a base64 string using JavaScript in the browser
Encoding data as BSON using Json.NET
Decoding data from BSON using Json.NET
Using a DataView to access an ArrayBuffer
Encoding and decoding base64 using an ArrayBuffer
Compressing object-body content from a Node.js server built using the express module
9
9. Querying JSON with JSONPath and LINQ
9. Querying JSON with JSONPath and LINQ
Introduction
Using the JSONPath dot-notation to query JSON documents
Using JSONPath bracket-notation to query JSON documents
Using JSONPath scripting to construct more complicated queries
Using JSONPath in your web application
Using JSONPath in your Node.js application
Using JSONPath in your PHP application
Using JSONPath in your Python application
Using JSONPath in your Java application
Using JSONPath with SelectToken to query for JSONPath expressions in your C# application
Using LINQ with Json.NET to query JSON in your C# application
10
10. JSON on Mobile Platforms
10. JSON on Mobile Platforms
Introduction
Parsing JSON on Android
Generating JSON on Android
Parsing JSON on iOS in Objective-C
Generating JSON on iOS in Objective-C
Parsing JSON on iOS using Swift
Generating JSON on iOS using Swift
Parsing JSON using Qt
Generating JSON using Qt
11
Index
Index

Parsing the returned JSON using jQuery

Finally, it's time to see how to get the returned JSON from the server and use it. You'll do this by registering an event handler on $.ajax to receive the resulting JavaScript object, which jQuery helpfully deserializes from JSON for you.

How to do it...

To get the result from the AJAX request, we need to add an event handler to the jQuery XMLHttpRequest object's done event, as follows:

function doAjax() {
  $('#debug').html("loaded... executing.");
 
  var request = { 
    call: "kf6gpe-7"
  };

  $.ajax({
    type: "POST",
    url: "/",
    data: JSON.stringify(request),
    dataType:"json",
  })
  .fail(function() {
    $('#debug').html( $('#debug').html() + "<br/>failed");
  })
  .always(function() {
    $('#debug').html( $('#debug').html() + "<br/>complete");
  })
  .done(function(result) {
    $(&apos...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 7
Next Section
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete