jquery.redirect's Introduction

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>

Recommend Projects