jquery.redirect

jQuery Redirect Plugin


Keywords
cdn, form, http, javascript, jquery, jquery-plugin, post, redirect-plugin, yarn
License
CC-BY-SA-4.0
Install
npm install jquery.redirect@1.1.1

Documentation

jQuery.redirect

A simple HTTP POST and GET Redirection Plugin for jQuery

  • Easy to use
  • GET and POST requests
  • Compatible with jQuery, jQlite and Zepto.js
  • Supports nested objects and arrays

How does it work?

The function jQuery.redirect will create a form and populate it with the data (it supports nested values).

Installation

Using Bower

bower install jquery.redirect

Manually Installation

Just download jquery.rediect.js and include it in your html after jquery.js

 <html>
 <head>
     <!-- other headers -->
     <script src="jquery-XXX.js"></script>
     <script src="jquery.redirect.js"></script>
 </head>
 <body>
     <!-- your content -->
 </body>
 </html>

Usage

/**
 * jQuery Redirect
 * @param {string} url - Url of the redirection
 * @param {Object} values - (optional) An object with the data to send. If not present will look for values as QueryString in the target url.
 * @param {string} method - (optional) The HTTP verb can be GET or POST (defaults to POST)
 * @param {string} target - (optional) The target of the form. If you set "_blank" will open the url in a new window.
 */
$.redirect(url, [values, [method, [target]]])

Example of use

 <html>
 <head>
     <!-- other headers -->
     <script src="jquery-XXX.js"></script>
     <script src="jquery.redirect.js"></script>
     <script>
      jQuery(function($){
      //OnClick testButton do a POST to a login.php with user and pasword
       $("#testButton").click(function(){
        $.redirect("/login.php",{ user: "johnDoe", password: "12345"}); 
       });
      }
     </script>
 </head>
 <body>
    <button id="testButton">Test Redirect</button>
 </body>
 </html>