JavaScript 如何在不刷新页面的情况下调用 PHP 函数？

从 JavaScript 调用 PHP 函数：深入指南

本文探讨了从 JavaScript 调用 PHP 函数的主题，这是一项经常执行的任务集成Web应用程序时遇到的。

JavaScript限制

与 PHP 不同，JavaScript 是一种在 Web 浏览器中运行的客户端脚本语言。它无法直接访问服务器端 PHP 函数。

解决方案：AJAX 请求

为了弥补这一差距，开发人员可以利用 AJAX（异步 JavaScript 和 XML）请求。 AJAX 允许 JavaScript 向服务器发出 HTTP 请求并异步接收响应，而无需重新加载页面。

实现 AJAX 请求

下面是一个示例 AJAX 请求，用于调用PHP 函数名为“add”，使用jQuery:

$.ajax({
    type: "POST",
    url: 'your_functions_address.php',
    dataType: 'json',
    data: {functionname: 'add', arguments: [1, 2]},

    success: function (obj, textstatus) {
                  if( !('error' in obj) ) {
                      yourVariable = obj.result;
                  }
                  else {
                      console.log(obj.error);
                  }
            }
});

服务器端 PHP 脚本

“your_functions_address.php”脚本处理 AJAX 请求并执行“add”函数：

header('Content-Type: application/json');

$aResult = array();

if( !isset($_POST['functionname']) ) { $aResult['error'] = 'No function name!'; }

if( !isset($_POST['arguments']) ) { $aResult['error'] = 'No function arguments!'; }

if( !isset($aResult['error']) ) {

    switch($_POST['functionname']) {
        case 'add':
               if( !is_array($_POST['arguments']) || (count($_POST['arguments']) < 2) ) {
                   $aResult['error'] = 'Error in arguments!';
               }
               else {
                   $aResult['result'] = add(floatval($_POST['arguments'][0]), floatval($_POST['arguments'][1]));
               }
               break;

        default:
               $aResult['error'] = 'Not found function '.$_POST['functionname'].'!';
               break;
    }

}

echo json_encode($aResult);

这种方法使 JavaScript 能够动态调用 PHP 函数并在客户端和服务器端之间交换数据脚本。

以上是JavaScript 如何在不刷新页面的情况下调用 PHP 函数？的详细内容。更多信息请关注PHP中文网其他相关文章！