Скачать или смотреть JSONP Demo With A Dummy API

With Beeceptor, it is easy to build mock endpoints for various API protocols, including JSONP (JSON with Padding). You can follow the steps shown here to build a dynamic mock to emit JSONP script in the HTTP response.

Check out a detailed writeup here: https://beeceptor.com/docs/concepts/j...

How JSONP works?

1. The client-side script generates a unique callback function name.
2. The JavaScript on the web page creates a new script element with a source URL pointing to the target API endpoint on another domain. This URL includes the callback function name as a query parameter.
3. The browser fetches the script element from the external domain.
4. The API server receives the request and returns JSON data wrapped with the callback function name. This essentially "tricks" the browser into treating the data as part of the JavaScript itself.
5. When the JavaScript is loaded, the browser executes the received code, which essentially becomes the callback function with the JSON data as an argument.

#restapis , #security , #demo , #mock