调用php函数并在单击按钮时重定向

Question

我有一个php函数，其中正在创建一些pdf。 我有一个按钮，我想在按钮单击时调用该函数，然后重定向到URL。 最简单的方法是什么？

Answer 1

如果您需要调用PHP方法，则可以使用AJAX。 像这样：

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

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

可以轻松地搜索“发出AJAX请求”的代码，我将在一分钟内提供它：)

更新：

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;
}

AJAX代码-

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

Answer 2

有多种方法可以实现此目的。 我会在ajax中调用PHP函数，并根据函数的返回值进行重定向。 以下示例使用jQuery：

jQuery的：

$.ajax({
  url: 'createpdf.php',
  success: function(data) {
    if (data) window.location = 'link/to/new/path'; 
  }
});

PHP：

function create_pdf(){
    //Create PDF
    //If PDF was created successfully, return true
    return true;
}

Answer 3

<form name="input" action="whatever.php" method="get">
...
<input type="submit" value="Submit">
</form>