Editing a Reddit Post

Here we go - the biggy. The U in CRUD.😟😟


Update


Update Is the hardest part of CRUD for a couple reasons, but as I am an API and only focusing on client-side development things should be a little easier.

The main challenge is visually creating an application that previews the current status of an item to be edited, and then an updated version once you complete the request. 

For this, I have used a series of buttons, with some handy JQuery helpers to assist.


Once the dynamically generated button is pressed, then the button is located and replaced with the 'confirm' button using JQuery's '.replaceWith()'.

The body of the post (or 'selftext') is then found, and replaced with a form. This form contains an input box with the original body of the post as a value. 

From here, the user can change the text and press confirm, which will trigger the ajax request.


As shown above, the new user text is taken from the input box with the id of 'editText' and assigned to a variable. The id, or fullname, of the item is also taken from the button's id. 

The header's are set once again, and the request is made to api/editusertext. For this request to function, it is essential that the id of the post is sent, as well as the new text. 

Once this request is successful, the console will send a success message.

On top of this, the confirm button will be switched back to the edit button for future editing, as well as the replacement of the form back to a paragraph.

There you have it, full CRUD of a subreddit's posts using the Reddit API! Not so scary after all!  




Comments

Post a Comment

Popular posts from this blog

Wordpress Intro & Child Themes

Image
What is WordPress? WordPress is a simple and easy to use service for creating websites and web content such as blogs and eCommerce facilities. In this case, I will be attempting to create a WordPress site with a suite of facilities which will showcase my technical ability in API usage, WordPress functionality, JQuery and other client-side techniques. The site will include: Theme usage (Child themes & modification) Plugins Widgets Custom coding JQuery site enhancements API usage to fetch weather forecast in 'Tom Land' API usage to fetch top 10 shows from Apple.  Themes  What are themes? Themes are essentially the blueprint for the layout of your site. Themes determine how the site will look, and where headers, text, content is placed.  Themes are easy to make and alter, with thousands of WordPress themes being available on the application. Although, WordPress provides you with their own default 'Twenty Twenty 'x' ' theme for the current year, along with previ...
Read more

Introduction

Image
Welcome to my blog! In the following series of posts I will begin by documenting my journey to creating WordPress eCommerce site, and demonstrate usage of JQuery, JSON and AJAX.  I will then be attempting to use the Reddit API to interact with my own subreddit. The aim of this task is to be able to operate full CRUD on posts within the subreddit - r/tom_land . This will hopefully be achieved by the use of Ajax requests to the server, retrieval of JSON for post data, and client-side manipulation using JQuery. Enjoy!
Read more

Creating a Reddit post

Image
The next piece of the puzzle is to create a post for my subreddit using my application.  For this, Reddit requires key pieces of info or the request will fail. First of all, the 'sr' field is needed, stating the subreddit you wish to post in. Without this, Reddit would not know where to post the content you wish. Secondly, a 'kind' is needed. This could be either 'link', signifying a link to an external source such as a news article, or 'self'. The latter option is for posting a self post (by you) with a title and body - the regular format for a post. Lastly, the title and text of the post is required (obviously). Since this request is being made by AJAX there must be a way to fetch the data that the user has entered in to the request. This stumped me for a while, as my go-to was to use an HTML form, but this system is not synonymous with AJAX, as they achieve the same outcome in a different way. So for this, input boxes with specific ID's are used. ...
Read more