Week 11 Notes

Working With User Input

Getting Form Data

We can grab user input (text, dropdown value, etc.) from form elements using the val() function in jQuery:

$("#myform").val()

Cookies Starter Package

Cookies allow us to store data in the client's browser. We're going to use the JS Cookie library which gives us an API that works across all browsers.

View the Cookie starter package here

Setting a Cookie

Cookies.set('name', 'value');

Creates a cookie, valid across the entire site.

Expiration Date

Cookies.set('name', 'value', { expires: 7 });

Creates a cookie that expires 7 days from now.

Reading a Cookie

Cookies.get('name'); // = 'value'
Cookies.get('nothing'); // = undefined

Gets the value of a specific cookie.

Reading All Cookies

Cookies.get(); // = { name: 'value' }

Delete a Cookie

Cookies.remove('name');

🔙 Go Home

Last updated: April 15, 2020