Landing : Athabascau University

Unit 7 - Using External Data Sources

  • Public
By Jasmin Gallant in the group COMP 266 September 8, 2019 - 3:46pm

I followed some tutorials on Traversy media and went with the tutorials on w3schools and fix my email form to send data through the php file. 

https:*//www.airpair.com/js/jquery-ajax-post-tutorial

https:*//www.youtube.com/watch?v=82hnvUYY6QA

I was able to go through my email form combining ajax and jQuery libraries with pure JavaScript with some help from stackoverflow.com and some php understanding with w3schools. I learned pretty useful functions like append(), html() and done() for my mail form. I found help online for this implementation with other websites as well but I don’t remember the link.

https:*//api.jquery.com/jquery.ajax/

https:*//api.jquery.com/deferred.done/

https:*//stackoverflow.com/questions/6085649/how-to-send-multiple-data-fields-via-ajax

https:*//www.youtube.com/watch?v=oJbfyzaA2QA

https:*//www.w3schools.com/jquery/html_append.asp

For security with email form, use POST as w3schools as it will prevent users to eventually get spammed or other bad things that could happen if people catch their emails.

From w3schools:

Notes on POST:

  • Appends form-data inside the body of the HTTP request (data is not shown is in URL)
  • Has no size limitations
  • Form submissions with POST cannot be bookmarked

https:*//www.w3schools.com/tags/att_form_method.asp

I had some problems trying to clear the form after the message sends but using

document.getElementById('elementId').value='';

fixed that issue

from: https:*//stackoverflow.com/questions/20416803/how-do-i-clear-the-previous-text-field-value-after-submitting-the-form-with-out

===================================================================================

On PHP:

I followed:

https:*//www.youtube.com/watch?v=oJbfyzaA2QA

I was able to implement a simple PHP file using variables via HTTP POST and using the mail() function for my mail form in the contact page with the help of stack overflow, w3schools.

https*://www.w3schools.com/php/func_mail_mail.asp

https:*//www.youtube.com/watch?v=oJbfyzaA2QA

I read the documentation on the twitter from:

https*://developer.twitter.com/en/docs.html

https:*//www.wired.com/2010/02/get_started_with_the_twitter_api/

For my Twitter, I want to create a twitter app in my developers account to control the amount of tweets received to a certain amount of recent tweets using JavaScript. my account is still pending to get my consumer key.

 

I have put a timeline on the page so people can see my tweets and access it, also the users who are interested to comment on my reviews can use the button tweet to @exp_beauty to send me tweets.

I followed some tutorials on Traversy media and went with the tutorials on w3schools and fix my email form to send data through the php file. 

https:*//www.airpair.com/js/jquery-ajax-post-tutorial

https:*//www.youtube.com/watch?v=82hnvUYY6QA

I was able to go through my email form combining ajax and jQuery libraries with pure JavaScript with some help from stackoverflow.com and some php understanding with w3schools. I learned pretty useful functions like append(), html() and done() for my mail form. I found help online for this implementation with other websites as well but I don’t remember the link.

https*://api.jquery.com/jquery.ajax/

https*://api.jquery.com/deferred.done/

https:*//stackoverflow.com/questions/6085649/how-to-send-multiple-data-fields-via-ajax

https:*//www.youtube.com/watch?v=oJbfyzaA2QA

https:*//www.w3schools.com/jquery/html_append.asp

For security with email form, use POST as w3schools as it will prevent users to eventually get spammed or other bad things that could happen if people catch their emails.

From w3schools:

Notes on POST:

  • Appends form-data inside the body of the HTTP request (data is not shown is in URL)
  • Has no size limitations
  • Form submissions with POST cannot be bookmarked

https://www.w3schools.com/tags/att_form_method.asp

I had some problems trying to clear the form after the message sends but using

document.getElementById('elementId').value='';

fixed that issue

from: https:*//stackoverflow.com/questions/20416803/how-do-i-clear-the-previous-text-field-value-after-submitting-the-form-with-out

===================================================================================

On PHP:

I followed:

https*://www.youtube.com/watch?v=oJbfyzaA2QA

I was able to implement a simple PHP file using variables via HTTP POST and using the mail() function for my mail form in the contact page with the help of stack overflow, w3schools.

https*://www.w3schools.com/php/func_mail_mail.asp

https*://www.youtube.com/watch?v=oJbfyzaA2QA

I read the documentation on the twitter from:

https*://developer.twitter.com/en/docs.html

https*://www.wired.com/2010/02/get_started_with_the_twitter_api/

For my Twitter, I want to create a twitter app in my developers account to control the amount of tweets received to a certain amount of recent tweets using JavaScript. my account is still pending to get my consumer key.

I have put a timeline on the page so people can see my tweets and access it, also the users who are interested to comment on my reviews can use the button tweet to @exp_beauty to send me tweets.

 

Comments

These comments are moderated. Your comment will not be visible unless accepted by the content owner.

Only simple HTML formatting is allowed and any hyperlinks will be stripped away. If you need to include a URL then please simply type it so that users can copy and paste it if needed.

(Required)

(Required)


Group members: this is the place for your learning diary. Use this to post your zipped-up site at least once each unit, and your reflections as often as you wish (at least once per unit). Please write your reflections directly in the post, not as attached files. Where you do need to attach documents, such as for unit 1 designs, use PDF, PNG or JPG formats. You can attach files using the 'Embed content' link in the editor.

QUICK COURSE LINKS:  Add blog post - Read latest group postsFAQs: Course process : Site design : HTML : CSS : JavaScript : JQuery : AJAX : Misc