Question

I have a php function in which some pdf is being created. I have a button and I want to call that function on button click and then redirecting to a url. What can be the simplest method of doing that?

Answer 1

If you need to call a PHP method, I’d use AJAX. Something like this:

var btn = document.getElementById("button_id");

btn.onclick = function () {
    // Make AJAX request
    // On success, do this:
    window.location.href = "url to redirect to";
};

The code for “Make AJAX request” can be Googled easily, and I will provide it in a minute 🙂

UPDATE:

function ajaxFunction() {
    var ajaxRequest; // The variable that makes Ajax possible!

    try {
        // Firefox, Chrome, Opera 8.0+, Safari
        ajaxRequest = new XMLHttpRequest();
    } catch (e) {
        // Internet Explorer Browsers
        try {
            ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e) {
            try {
                ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP.6.0");
                } catch (e) {
                    try {
                        ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP.3.0");
                    } catch (e) {
                        throw new Error("This browser does not support XMLHttpRequest.");
                    }
                }
            }
        }
    }
    return ajaxRequest;
}

The AJAX code –

var req = ajaxFunction();
req.onreadystatechange = function (response) {
    if (response.status == 200 && response.readyState == 4) {
        window.location.href = "url to redirect to";
    }
}
req.open("POST", "your PHP file's URL", true);
req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
req.send(null);    // Or send any `key=value&` pairs as a string