Drupal 8.0.4 Hosting Tips: How to Handling Drupal json HTML responses in jQuery?

In this tutorial, i will tell you about how to handling Drupal json HTML responses in jQuery. JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language, Standard ECMA-262 3rd Edition – December 1999. JSON is a text format that is completely language independent but uses conventions that are familiar to programmers of the C-family of languages, including C, C++, C#, Java, JavaScript, Perl, Python, and many others. These properties make JSON an ideal data-interchange language.

JSON is built on two structures:

• A collection of name/value pairs. In various languages, this is realized as an object, record, struct, dictionary, hash table, keyed list, or associative array.
• An ordered list of values. In most languages, this is realized as an array, vector, list, or sequence.

drupal_json($output); used to send server side responses in Drupal. Here to process html responses from an array in $.ajax success() we need to use eval() in order to handle encrypted responses. Now, write the following code:

<?php
$output['FirstTable'] = "<table><tr><td>1</td></tr></table>";
$output['SecTable'] = "<table><tr><td>2</td></tr></table>";
echo drupal_json($output); exit;
?>
In Script file

$.ajax({
"url": <url>,
"success": function(output) {
var content = eval("(" + output + ")"); // response is converted as object
$("selector").html(content.FirstTable);
$("selector").html(content.SecTable);
}
});

Reliable Drupal 8.0.4 Hosting Recommendation