Having difficulty transforming a JSON string into a JSON object using Javascript

Currently, I am working on a hybrid mobile application using Angular. I have a string that is obtained from a $http.jsonp request and I am attempting to convert the response into JSON format. After checking the validity of the JSON at , it appears to be valid.

The issue arises when I encounter an error in the Chrome web console stating "Uncaught Syntax Error: Unexpected token :". I am struggling to understand why this error is occurring despite having verified the JSON formatting. Below is the server response, can someone assist me in identifying the problem?


{
   "rss":{
      "version":"2.0",
      "xmlns:content":"http://purl.org/rss/1.0/modules/content/",
      "xmlns:wfw":"http://wellformedweb.org/CommentAPI/",
      "xmlns:dc":"http://purl.org/dc/elements/1.1/",
      "xmlns:atom":"http://www.w3.org/2005/Atom",
      "xmlns:sy":"http://purl.org/rss/1.0/modules/syndication/",
      "xmlns:slash":"http://purl.org/rss/1.0/modules/slash/",
      "channel":{
         "title":"WEBSITE TITLE",
         "link":[
            {
               "href":"https://www.WEBURL.com/feed/",
               "rel":"self",
               "type":"application/rss+xml"
            },
            "https://www.WEBURL.com"
         ],
         "description":"WEB DESCRIPTION",
         "lastBuildDate":"Fri, 25 Sep 2015 16:33:52 +0000",
         "language":"en-US",
         "updatePeriod":"hourly",
         "updateFrequency":"1",
         "generator":"http://wordpress.org/?v=4.3",
         "item":[
            {
               "title":"TITLE",
               "link":"https://www.WEBURL.com/2015/09/25/POST",
               "comments":[
                  "https://www.WEBURL.com/2015/09/25/POST/#comments",
                  "0"
               ],
               "pubDate":"Fri, 25 Sep 2015 16:27:19 +0000",
               "creator":"AUTHOR",
               "category":"CATEGORY",
               "guid":"https://www.WEBURL.com/?p=12345",
               "description":"<p>POST DESCRIPTION</p>\n",
               "encoded":"<p class=\"article-content__figure article-content--image\">POST CONTENT</p>\n",
               "commentRss":"https://www.WEBURL.com/2015/09/25/POST/feed/"
            }
         ]
      }
   }
}

Below is the Javascript code snippet:

$http.jsonp("http://jsonburner.herokuapp.com/source?feed=https://www.WEBURL.com/feed/")
            .success(function(data) {
            $scope.debug = data.rss.version
            //$scope.debug = data.rss.version

        })
        .error(function(data) {
            $scope.debug = data
            //$scope.debug = data.rss.version

        });

Thank you,

Alex

javascriptjsonangularjs

Answer №1

There seems to be some confusion between JSON and JSONP, which you can learn more about here.

If you're looking to interact with the server behind a URL, consider using $http.get or whichever HTTP verb is appropriate. Check out the $http documentation for more information.

Answer №2

It seems like you might be interested in accomplishing the following:

$http.get('http://jsonburner.herokuapp.com/source?feed=https://www.NEWURL.com/feed/')
.success(function(response) {
  var info = JSON.parse(response);
  console.log('here is the information you need: ', info);
}).error(function(response) {
  var errorData = JSON.parse(response);
});

If you're curious about JSONP, check out this link for a simple explanation: Can anyone explain what JSONP is, in simple terms?

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Change a 24-hour time variable to 12-hour time using AngularJS/jQuery technology

I have a value retrieved from the database in a 24-hour time string format. I am seeking a solution to convert this string into a 12-hour clock time using either AngularJS or jQuery. Currently, I am unable to make any changes to the back-end (JAVA) or the ...

javascriptjqueryangularjs

JavaScript code to find a date within a specified range

I have developed a script that calculates the number of weeks between two specified dates. It then generates a table where the number of rows equals the number of weeks. The script can be viewed on JSFIDDLE Script: $('#test').click(function ...

javascriptjquerydate

The responseXML received from an Ajax/POST request is missing only when using Chrome browser

While working on a "simple" JavaScript application, I noticed an unusual behavior. A function in the script sends a request with parameters to a .php page using the traditional Ajax/POST method. function sendRequest(params, doAsync, onSending, onDone) { v ...

phpjavascriptxmlajaxgoogle-chrome

What is the best way to use jQuery to update the color of an SVG shape?

Hello everyone! I'm excited to be a part of this community and looking forward to contributing in the future. But first, I could really use some assistance with what seems like a simple task! My focus has always been on web design, particularly HTML ...

javascriptjqueryhtmlcsssvg

Converting JSON information into a mailto hyperlink

Can anyone help me figure out how to encode a mailto link properly with JSON data in the query parameters, ensuring that it works even if the JSON data contains spaces? Let's consider this basic example: var data = { "Test": "Property with spaces" ...

javascripthtmljsonmailto

Unraveling the mysteries of this PHP-generated object

Need help with iterating over a JSON object generated by PHP code in response to a web service request. Looking for guidance on rendering sub-objects in a select list, especially those with value indexes. Can someone provide assistance on populating a sel ...

javascriptprototypejshtml-select

Reusing methods in Javascript to create child instances without causing circular dependencies

abstract class Fruit { private children: Fruit[] = []; addChild(child: Fruit) { this.children.push(child); } } // Separate files for each subclass // apple.ts class Apple extends Fruit { } // banana.ts class Banana extends Fruit { } ...

javascriptnode.jstypescript

steps for making a specific cell editable in tabulatorI'm happy to help

click here for image description required initializeTabulatortableBng() { let thisClass = this; let bngTableData = thisClass.tableDataWorm; function formatDecimal(cell) { var value = cell.getValue(); if (value !== null && value !== undefine ...

javascriptangulartabulator

Create a basic cache within an AngularJS service to store data retrieved from HTTP requests, ensuring that the cache returns an object

Looking to implement a simple caching mechanism in an AngularJS service for data retrieved from HTTP requests. The goal is to always reference the same object to avoid duplicating requests. Below is an example code snippet showcasing the issue at hand. Li ...

javascriptangularjscaching

Sharing methods between two components on the same page in Angular can greatly improve code efficiency

On a single page, I have two components sharing some methods and properties. How can I utilize a service to achieve this? See the sample code snippet below... @Component({ selector: 'app', template: '<h1>AppComponent1</h1>' ...

javascriptangulartypescript

Utilizing NLP stemming on web pages using JavaScript and PHP for enhanced browsing experience

I've been exploring how to incorporate and utilize stemming results with JavaScript and PHP pages on web browsers. After running node index.js in the VS Code terminal, I was able to retrieve the output word using the natural library: var natural = re ...

javascriptnode.jsbrowsernlpstemming

Guide on how to showcase the chosen option of a dropdown menu in a table by clicking an arrow icon

I am looking to modify the code below so that instead of pushing data to the selected panel, it pushes data to a table inside the panel. The new data should be added to a new row every time the arrow is clicked. <html> <head> <title>Bo ...

htmlangularjs

Copy both the image and JSON object to the clipboard

I am attempting to utilize the clipboard API to write an image and JSON object to the window clipboard. I am working with Vue and Electron and have successfully written an image and plain text, but I encounter an error when trying to write a JSON object: ...

javascriptjsonvue.jselectronclipboard

Leveraging the powerful combination of Protractor, Appium, and SauceLabs

Trying to automate my Protractor tests against mobile has been quite a challenge. After scouring the web, I stumbled upon what seems to be the official guide for Appium with Saucelabs: I diligently followed the instructions provided and configured my co ...

angularjsnode.jsprotractorappiumsaucelabs

Tips for updating the URL in the browser address bar after loading content using AJAX with angular.js

When developing a web application using angular.js, the communication within the app is done through AJAX. This means that when the application requests web resources, the URL in the browser address bar does not change. For instance, my app displays build ...

javascriptangularjs

Upon reloading, the dynamically generated table does not appear accurately

When a table is dynamically created using JavaScript/jQuery/html from an Ajax call, it initially displays correctly formatted. However, upon refresh/reload, the formatting of the table becomes incorrect. To address this issue, I have implemented a Promise ...

javascripthtmljqueryajax

Unable to capture screenshot of hovered element using Cypress

Having an issue with taking a screenshot of an element with a hover effect. The screenshots always come out without the hover effect applied. tableListMaps.lineWithText('Hello world', 'myLine'); cy.get('@myLine').realH ...

javascriptreactjscypress

Silky animations in kinetic.js (html5 canvas)

I am seeking a better grasp on kinetic.js animation. Recently, I came across a tutorial at . After experimenting with the code provided, I managed to create an animation that positions my rectangle at x coordinate 100. However, I am struggling to achieve s ...

javascripthtmlcanvaskineticjs

Guide to utilizing a shared route function across various routes in express.js

Is there a way to handle the scenario where I need both www.example.com/12345/xxxxx and www.example.com/xxxxx to trigger the same function in my application using Express? app.get('/:someVar/xxxxx', function(req, res) { /* etc */ }); I can acce ...

javascriptnode.jsexpress

Cloudflare SSL Error 522 Express: Troubleshooting Tips for Res

After setting up my express project using express-generator, I decided to make it work with a cloudflare SSL Certificate for secure browsing over https. My express app is running on port 443. Despite my efforts, when I try to access the domain, I encount ...

javascriptnode.jsexpresssslexpress-generator