1. Trang chủ
  2. » Công Nghệ Thông Tin

Using AJAX in your plugins and themes

19 157 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 19
Dung lượng 521,37 KB

Nội dung

This article, aimed at plugin developers, describes how to add Ajax to a plugin. Before reading this article, you should be familiar with the following: Ajax - Overview of the technology Writing a Plugin - How to write a plugin Plugin API - Filters and actions - what they are and how to use them How to add HTML to the appropriate WordPress page, post, or screen -- for instance, if you want to add Ajax to administration screens you create, you will need to understand how to add administration menus to WordPress; if you want to add Ajax to the display of a single post, you'll need to figure out the right filters and actions to add HTML to that spot on viewer-facing blog screens.

G E T T H E S L I D E S H T T P : / / W W W . I T S A N A N D E R S O N . C O M / W C S E A . P D F Using Ajax in Your Plugins and Themes About Me Ajax – “What Does it Mean?” Synchronous Requests Asynchronous Requests “Asynchronous JavaScript and XML” Simplify With jQuery  Send POST or GET requests  Send data as an associative array (POST requests)  Handle response with anonymous function  Receive response as json, text, html (and more) jQuery Basics – No Conflict  “$” is not defined by default  Use “jQuery” instead, or… jQuery Basics – Ajax Response Types  json – Great for responses that need complex evaluation  html – For html responses that will be inserted into the page  text – For basic plain text responses  others – jsonp, xml, script, multiple… less common Ajax in WordPress – Queue Your Script  Use wp_enqueue_script() to add your script to a page  handle – Name of script, e.g. “my-awesome-script”  src – Where your script can be found  Use get_template_directory_uri() in parent themes  Use get_stylesheet_directory_uri() in child themes  Use plugins_url( „script.js‟, __FILE__ ) in plugins  deps – An array of scripts that this script relies on, by handle. If you need jQuery, use something like “array( „jquery‟ )”. Go to wp_enqueue_script Codex page for a list of available dependencies.  ver – The version of the script. Useful for “cachebusting” when your plugin is updated  in_footer – Whether to place the script in the footer (rather than the header). Defaults to false. Ajax in WordPress – Queue Your Script (cont‟d) Examples Ajax in WordPress – Queue Your Script (cont‟d)  Queue scripts intelligently  Use hooks and conditional tags Ajax in WordPress – Making Requests  Admin Ajax  Use „ajaxurl‟ variable  Frontend Ajax  Use „wp_localize_script‟ function  Use „init‟ hook [...].. .Ajax in WordPress – Making Requests Admin Ajax Make sure you check user permissions Any logged in user can make ajax requests Ajax in WordPress – Making Requests Frontend Ajax – wp_localize_script Ajax in WordPress – Making Requests Frontend Ajax – init Ajax in WordPress – Another Response Type Another Response Type – json Simplify Your Ajax Handlers Simplify Your Ajax Handlers Simplify Your Ajax. .. WordPress – Another Response Type Another Response Type – json Simplify Your Ajax Handlers Simplify Your Ajax Handlers Simplify Your Ajax Handlers Example Plugin Simple Post Ratings Questions? Will Anderson http://www.itsananderson.com/ @itsananderson will@itsananderson.com . Simplify Your Ajax Handlers Simplify Your Ajax Handlers Example Plugin Simple Post Ratings Questions? Will Anderson http://www.itsananderson.com/ @itsananderson will@itsananderson.com. function  Use „init‟ hook Ajax in WordPress – Making Requests Admin Ajax Make sure you check user permissions. Any logged in user can make ajax requests. Ajax in WordPress – Making Requests. Frontend Ajax – wp_localize_script Ajax in WordPress – Making Requests Frontend Ajax – init Ajax in WordPress – Another Response Type Another Response Type – json Simplify Your Ajax Handlers

Ngày đăng: 12/05/2014, 23:40

TỪ KHÓA LIÊN QUAN

w