Web #5

What is Cross-Origin Resource Sharing?

Cross-Origin Resource Sharing (CORS) enables client-side code running in a browser in a particular domain to access resources hosted in another domain in a secure manner. Cross-origin requests are typically not permitted by browsers, and CORS provides a framework in which cross-domain requests are treated as same-domain requests.
For example, using CORS, JavaScript embedded in a web page can make an HTTP XMLHttpRequest to a different domain. This is used to send an HTTP or HTTPS request to a web server, and to load the server response data back into the script.
… full article

CORS may be solved by:

• Placing the HTML page on the server
• Enabling CORS –  code or config
• JSONP
• Chrome Extension

Enable CORS in WebApi – click here!

More JS

• XMLHttpRequest – GET POST PUT DELETE
• JQuery – ajax get
• JQuery – ajax post
• JQuery – ajax put + delete
• JQuery Ajax Promise

More topics covered:

• Showing XHR tab in dev console
• display AJAX result into a table
• $.each
• variable starts with $
• Why CORS important for development
• CORS differ by ports
• Postman overcomes CORS
• Enable CORS for specific domain
• Enable CORS for specific header
• Enable CORS for specific method
• Enable CORS for entire class

Links:

• Class code: movies project + AJAX
• Lesson Summary Video!