2015-01-26

[jacobthemyth]

Etsy Dynamic Ajax

Description

Dynamically fetch data from the Etsy API

Objectives

Learning Objectives

After completing this assignment, you should...

• Know how to use the $.ajax method
• Understand JavaScript asynchrony

  Performance Objectives

After completing this assignment, you be able to

• Fetch data asynchronously upon a user event
• Use fetched data to update the DOM

  Details

  Deliverables

• A repo containing at least:
  • main.js
  • main.scss
  • index.html

    Requirements

• No JSHint warnings or errors

  Normal Mode

Implement a search box so that, when the user searches for a term or phrase, the page is updated (without refreshing) with the new results.

Hard Mode

Use ajax to fetch new data when the sorting dropdown is used.

Note: You can tell the API to sort the data using the sort_on parameter in the URL. You can see the different values allowed at https://www.etsy.com/developers/documentation/reference/listing#method_findalllistingactive

[ATMartin]

https://github.com/ATMartin/TIY-HW-11-EtsyListings.git

[ATMartin]

New query is searchable. I already had the URLs in for data sorting - just need to wire up the reload functions. Will hit that when I get home. Thanks!