Marius' Blog » AJAX http://mariuscristiandonea.com A collection of code samples I use for my work ... and my work. Sat, 02 Jul 2011 09:35:49 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Front End AJAX in WordPress http://mariuscristiandonea.com/2011/06/29/front-end-ajax-in-wordpress/ http://mariuscristiandonea.com/2011/06/29/front-end-ajax-in-wordpress/#comments Wed, 29 Jun 2011 08:14:36 +0000 Marius http://mariuscristiandonea.com/?p=451 Copy the below code in a file (frontend-ajax.php) and call it as an AJAX url.

PHP code:

define("DOING_AJAX", true);
       
require_once("../../../wp-load.php"); // Add wp-load.php file.
if(!isset($_REQUEST["action"]) || trim($_REQUEST["action"])==""){
    die("-1");
}
   
@header("Content-Type: text/html; charset=".get_option("blog_charset"));

include_once("filePath"); // Including your plugin’s main file where ajax actions are defined.
send_nosniff_header();
   
if(has_action("wp_ajax_".$_REQUEST["action"])){
    do_action("wp_ajax_".$_REQUEST["action"]);
    exit;
}

status_header(404);

]]> http://mariuscristiandonea.com/2011/06/29/front-end-ajax-in-wordpress/feed/ 0 AJAX form request using POST method http://mariuscristiandonea.com/2009/08/05/ajax-form-request-using-post-method/ http://mariuscristiandonea.com/2009/08/05/ajax-form-request-using-post-method/#comments Wed, 05 Aug 2009 08:33:34 +0000 Marius http://mariuscristiandonea.com/?p=151 Here is a way you can call a server side script with AJAX, using POST method.

JavaScript code:

var xmlHttpVariable; // Declare a global variable.

// HTTP request object.
function GetXmlHttpObject(){
    var xmlHttp = null;

    try{
        xmlHttp = new XMLHttpRequest();
    }
    catch (e){
        try{
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e){
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }

    return xmlHttp;
}

function callServer(){
    xmlHttpVariable = new GetXmlHttpObject(); // Call HTTP request object.
    var url = "url"; // Set the URL to the server-side script.
    var variables = "var1=val1&var2=val2"; // Set the variables.
    xmlHttpVariable.onreadystatechange = stateChangedVariable; // Call a function on state change.
    xmlHttpVariable.open("POST",url,true); // Open the URL.
    // Send the proper header information along with the request.
    xmlHttpVariable.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlHttpVariable.setRequestHeader("Content-length", variables.length);
    xmlHttpVariable.setRequestHeader("Connection", "close");
    xmlHttpVariable.send(variables); // Send the variables.
}

function stateChangedVariable(){
    if (xmlHttpVariable.readyState == 4){// Values for readyState see below for explanations.
        if (xmlHttpVariable.responseText.replace(/^\s+|\s+$/g, "") == "return value"){
            // Action here.
        }
    }
}

readyState values:

0 – Represents an “uninitialized” state in which an XMLHttt pRequesobject has been created, but not initialized.

1 – Represents a “sent” state in which code has called the XMLHttpRequest open() method and the XMLHttpRequest is ready to send a request to the server.

2 – Represents a “sent” state in which a request has been sent to the server with the send() method, but a response has not yet been received.

3 – Represents a “receiving” state in which the HTTP response headers have been received, but message body has not yet been completely received.

4 – Represents a “loaded” state in which the response has been completely received.

]]> http://mariuscristiandonea.com/2009/08/05/ajax-form-request-using-post-method/feed/ 0