No specific URL endpoint call involved

Question

No specific URL endpoint call involved

http://example.co/?method=get&search=hours&type=place&place_id=1&format=json

is the URL I use to make an API call. The response file has no extension and is in JSON format, like this:

[
  {
    "hours": {
      "monday": {
        "open_time": "11:00:00",
        "close_time": "22:00:00"
      },
      "tuesday": {
        "open_time": "11:00:00",
        "close_time": "22:00:00"
      },
      "wednesday": {
        "open_time": "11:00:00",
        "close_time": "22:00:00"
      },
      "thursday": {
        "open_time": "11:00:00",
        "close_time": "22:00:00"
      },
      "friday": {
        "open_time": "11:00:00",
        "close_time": "23:00:00"
      },
      "saturday": {
        "open_time": "11:00:00",
        "close_time": "23:00:00"
      },
      "sunday": {
        "open_time": "11:00:00",
        "close_time": "21:00:00"
      }
    }
  }
]

When attempting to retrieve the data using either .getJSON or .ajax methods, it does not work for me. My questions are:

Is there another method to fetch data from a server through a URL within an API call?
If xmlHTTPRequest() is used instead of .getJSON or .ajax, would it be as effective? If yes, how would the implementation differ?

javascript ajax json

Answer 1

Answer №1

If there are no errors showing up in your console, it's possible that you're receiving the data correctly but not handling it asynchronously. Your code should resemble something like this:

// Perform an AJAX request
$.ajax({
  dataType: 'json',
  // Specify the base URL
  url: 'http://example.co/',
  // Pass your query parameters as an object
  data: {
    'method': 'get',
    'search': 'hours',
    'type': 'place',
    'place_id': '1',
    'format': 'json'
  },
  success: function(response) {
    // Convert the JSON response into a JavaScript object
    var data_obj = JSON.parse(response)
    // Utilize the received data
    doSomething(data_obj);
  }
});

// This function is called by the AJAX success callback
function doSomething(data) {
  // Implement actions with the data
}

Answer 2

If there are no errors showing up in your console, it's possible that you're receiving the data correctly but not handling it asynchronously. Your code should resemble something like this:

// Perform an AJAX request
$.ajax({
  dataType: 'json',
  // Specify the base URL
  url: 'http://example.co/',
  // Pass your query parameters as an object
  data: {
    'method': 'get',
    'search': 'hours',
    'type': 'place',
    'place_id': '1',
    'format': 'json'
  },
  success: function(response) {
    // Convert the JSON response into a JavaScript object
    var data_obj = JSON.parse(response)
    // Utilize the received data
    doSomething(data_obj);
  }
});

// This function is called by the AJAX success callback
function doSomething(data) {
  // Implement actions with the data
}

No specific URL endpoint call involved

Answer №1

Similar questions

Attempting to scroll through a webpage and extract data using Python and Selenium in a continuous manner

How to use JavaScript to hide an element (field) in XPages

Leveraging the power of React's callback ref in conjunction with a

Initializing ng-app with a specific name will prevent the initialization of variables

Enlargement animation when hovering over a "next-link" button featuring an SVG file of a social media platform

Step-by-step guide on creating a clickable button that triggers the appearance of a block showcasing a dimmed photo upon activation

What benefits does bin/www offer over index.js?

"Ways to retrieve an array of dates within a specified range of date and time

Vue.js: Synchronization of props may not happen instantly

Interacting with shadow DOM elements using Selenium's JavaScriptExecutor in Polymer applications

Bundling JSPM with an external system JS file

Using Javascript to open a new page and execute a script

Plot a Highchart heatmap with the x-axis representing time values and the y-axis representing strings

Vue and Nuxt: Concealing a Variable in .env File Post-Build

Select a user at random from the reactions in the message

Master the art of returning two functions within a single function in Javascript with NodeJS and ExpressJS

Interactive ajax and php dropdown menu

Error with local PhoneGap build: jQuery AJAX issue showing readystate 0, responseText status 0, statusText error

Transmit information from the main directive to the subordinate directive

In a Vue component, use JavaScript to assign the data property in object 2 to object 1 when their keys match