Good design is invisible! It is the same as the air conditioner set by the automatic temperature regulator. Before you feel too hot or too cold, you will not focus on it, but focus on the current thing, or just enjoy the time. For web surfers, AJAX is like an automatic air conditioner. Use the website more smoothly and quickly to bring a pleasant experience. The most important thing is work! On the contrary, if you like video, you are lucky! What exactly is Ajax? AJAX is a shorthand web development technology for synchronizing J avascript ox ml. Use to create interactive, interesting, dynamic web applications. Ajax does not have to wait for the page to reload to confirm the changes. Automatically process all content in the background without interfering with the operation to improve the user experience. The
Working Aros! You may already be exposed to Ajax on the web. The autocomplete feature of Google search is probably the most popular feature. Google maps is another. Real time refresh of twitter, Facebook comments, reddit posts, YouTube likes and other amazing user experiences all benefit from Ajax and related technologies. This post lists the brief introduction and advantages of Ajax, describes how to work in WordPress, and then let’s learn how to create a simple WordPress Ajax plug-in. The
Should it be fun? Let’s go. The basic Ajax of Ajax uses the combination of programming languages such as HTML \/ CSS, JavaScript, xml\/json and server-side scripting languages (PHP, asp.net, etc.). Works by transferring data from the browser to the server, which processes it and resends the response. This response should be used to update the web page in the browser, not to reload the page. The usual practice is: User actions trigger events in the browser, such as clicking a button. Ajax calls send requests to the server using xml\/json. The server-side script processes the request. If necessary, you can also access the database. The server then sends the response back to the browser. The second JavaScript function (called a callback function) receives the response and updates the web page. Many advantage servers of Ajax do not need to handle data load, so it can minimize bandwidth use and optimize network operation. Users can immediately view the server’s response, saving users and servers time. Enhanced performance. Ajax improves the performance, speed, and availability of web pages \/ applications because it does not transfer data for the entire page. Improved responsiveness. After removing the entire page reload, the website is faster, more reactive and user-friendly. Techniques required for using Ajax in WordPress knowledge of HTML, CSS and JavaScript (jQuery is enough) basic knowledge of XML or JSON data exchange format PHP skills of server-side scripting jQuery or PHP knowledge if simple, please don’t worry! You can still follow the tutorial logic. If you are stuck or need help, please feel free to move to the comments section.:) The
WordPress introduces Ajax the core of WordPress already uses Ajax, but only on the administrator screen. For example, when reviewing comments or adding \/ removing items from categories or posts, you can see updates immediately, thanks to Ajax. This is also the technology behind the favorite automated storage feature. AJAX is much simpler than vanillajs, so it is most commonly used with jQuery functionality in WordPress. The WordPress core has also loaded the jQuery Library
whole The
The process of using Ajax in WordPress is as follows: The user is first admin Ajax in the WP admin folder. Triggers an Ajax request passed to a PHP file. The Ajax request must provide at least one piece of data (using the get or post method). This request is called an operation. Admin ajax The code in PHP uses operations to generate two hooks: wp\u ajax\u youraction and wp\u ajax\nopriv\u youraction. Where youraction is the value of the get or post variable action. The first hook wp_ajax_youraction runs only for logged in users, while the second hook wp_ajax_nopriv_youraction only applies to logged out users. To target all users, you must run two users separately. Plan the hook function to ensure normal performance degradation. Allow code to work in browsers with JavaScript disabled. Male WordPress Ajax plug-in. All great journeys begin at one stage, and so do our studies. Build a default word press plug-in called post likes counter using the following features: The
Logged in users may like posts. The plug-in counts and displays the total number of posts. The post is very good. The counter will be updated immediately on the front end. If a logged out user tries to like a post, an error message is displayed. To start, create and activate an empty WP plug-in. If you need help, please refer to the WordPress plug-in development guide. WordPress Codex also provides a detailed page for creating WP plug-ins. Find the post template of the topic, and then the single of the topic. You must find the PHP post template. Used to query a single post, where there must be a \
In order to make users who prepare post templates for Ajax calls like posts, let them create links here. If the user has activated JavaScript, please use the JavaScript file to be created later. Otherwise, follow the link directly. The code given below is single. Put it in a PHP file. Male load summary 1379ac822720e8c8c860209a2bfe323 or single. You can add this code to the template section included in the PHP file. For example, if the official twenty nine youth theme is used, the content song of the theme is. You can insert this code into a PHP file. To test the plug-in code, we inserted it at the end of the div.entry-content section of the file. The
If you click the generated link above the Ajax call processing without JavaScript, you can use admin Ajax. Navigate to the PHP script, but the function to perform the action has not been generated, so you cannot see useful output. To do this, create a function in the plug-in file and add it to the two hooks generated by WordPress. Follow the code shown below. Load the summary 5b77823b65250637ee4396d8abcc5a0 if all are confirmed, the logged in user clicks the like link of the post, and the like counter above will automatically increase by 1. For browsers with JavaScript disabled, the page will refresh, but the updated likes will be displayed continuously. The
In addition to displaying error messages, there are few functions to handle logged out users. For example only. Of course, based on this, you can provide more useful options for visitors. Finally, add JavaScript support
Although it’s rough, you can’t stop mastering the basics of Ajax! Have you ever used or created Ajax based plug-ins for WordPress before? Do you think there are other wonderful uses for Ajax? Please share your thoughts with the following comments. Label: ayos code plug-in text printer
