Decipher a JSON payload following a multipart AJAX request in Angular

Question

Decipher a JSON payload following a multipart AJAX request in Angular

My current task involves parsing the body of a response I receive after making an API call using Ajax in AngularJS. The response looks like this:

--3531b7e68196e3144197f82db0864b7e391c8b0ad51c4176c28f8ac41b3c
Content-Disposition: form-data; name="passport"; filename="passport.json"
Content-Type: application/json

{
    "name": "Nothing",
    "dob_display": "10/11/1997",
    "dob_accuracy": "FD",
    "owner_firstname": "Nothing",
    "owner_surname": "To Understand"
}
--3531b7e68196e3144197f82db0864b7e391c8b0ad51c4176c28f8ac41b3c--

Unfortunately, I haven't been able to find a plugin that can extract the body from this type of request. Should I create a manual parser or is there another solution available? I would greatly appreciate any assistance.

javascript angularjs json multipartform-data multipart

Answer 1

Answer №1

To extract the indexes of "{" and "}" along with parsing JSON, you can utilize String.prototype.slice() in conjunction with String.prototype.indexOf().

let data = `--3531b7e68196e3144197f82db0864b7e391c8b0ad51c4176c28f8ac41b3c
Content-Disposition: form-data; name="passport"; filename="passport.json"
Content-Type: application/json

{
    "name": "Nothing",
    "dob_display": "10/11/1997",
    "dob_accuracy": "FD",
    "owner_firstname": "Nothing",
    "owner_surname": "To Understand"
}
--3531b7e68196e3144197f82db0864b7e391c8b0ad51c4176c28f8ac41b3c--`;

let jsonData = JSON.parse(data.slice(data.indexOf("{")
           , data.indexOf("}") + 1));

let {name} = jsonData;

console.log(jsonData);
console.log({name});
console.log(name);

Answer 2

To extract the indexes of "{" and "}" along with parsing JSON, you can utilize String.prototype.slice() in conjunction with String.prototype.indexOf().

let data = `--3531b7e68196e3144197f82db0864b7e391c8b0ad51c4176c28f8ac41b3c
Content-Disposition: form-data; name="passport"; filename="passport.json"
Content-Type: application/json

{
    "name": "Nothing",
    "dob_display": "10/11/1997",
    "dob_accuracy": "FD",
    "owner_firstname": "Nothing",
    "owner_surname": "To Understand"
}
--3531b7e68196e3144197f82db0864b7e391c8b0ad51c4176c28f8ac41b3c--`;

let jsonData = JSON.parse(data.slice(data.indexOf("{")
           , data.indexOf("}") + 1));

let {name} = jsonData;

console.log(jsonData);
console.log({name});
console.log(name);

Answer 3

Answer №2

Here's a handy function I created to efficiently parse form data received after an API request:

formDataParser = function (data) {
  // Splitting based on pattern --1491test9246asaery134214
  // Handling multiple files in the response
  var dataArray = data.split(/--\S*[0-9a-z]/g), parsedData = {};
  underscore.each(dataArray, function (dataBlock) {
    var rows = dataBlock.split('\n'),
        header = rows.splice(0, 4).slice(1, 3),
        body = rows.join('');

    if (header.length > 1) {
      var patternGetName = /(".*?")/g,
          name = patternGetName.exec(header[0])[0].replace(/(")/g, '');
      parsedData[name] = body;
    }
  });
  return parsedData;
};

Answer 4

Here's a handy function I created to efficiently parse form data received after an API request:

formDataParser = function (data) {
  // Splitting based on pattern --1491test9246asaery134214
  // Handling multiple files in the response
  var dataArray = data.split(/--\S*[0-9a-z]/g), parsedData = {};
  underscore.each(dataArray, function (dataBlock) {
    var rows = dataBlock.split('\n'),
        header = rows.splice(0, 4).slice(1, 3),
        body = rows.join('');

    if (header.length > 1) {
      var patternGetName = /(".*?")/g,
          name = patternGetName.exec(header[0])[0].replace(/(")/g, '');
      parsedData[name] = body;
    }
  });
  return parsedData;
};

Decipher a JSON payload following a multipart AJAX request in Angular

Answer №1

Answer №2

Similar questions

ajax causing issues with comments display on rails platform

What is the process of creating a MaterialUI checkbox named "Badge"?

Utilizing Ramda JS for multi-dimensional grouping

Implementing new records in Laravel's result collection

Failing to utilize callback functions results in forgetting information

Implementing X.PagedList within a modal pop-up window

The integration of a Bootstrap modal within the side bar's rendering

Issue involving JSON data submission using JQuery Ajax POST

Having issues with parsing JSON data from the Supreme website using Python

Tips on saving HTML table information into a .txt document?

``There seems to be an issue with the code not iterating through the

The getHours function seems to be malfunctioning when calculating the difference between dates

The slideUp function is not functioning as expected

Tips for preserving modifications made to a dictionary?

Utilizing a modular perspective in JavaScript to load JSON files as a view

HTML / CSS / JavaScript Integrated Development Environment with Real-time Preview Window

"Enhance your JavaScript skills with the power of jQuery

Exploring the Process of Iterating Through a JSON Array in Angular

The AjaxPoller object is not defined and causing a TypeError

Issues with PHP server handling JSON files