从 PHP 文件加载 HTML 时，jQuery.load 或 jQuery.ajax() 哪个更快？

Question

我有一个名为“content.php”的 PHP 文件，为这两种请求准备好了，作为一个例子：

<?php
  // Id params passed via GET method
  $get = $_GET['param'];
  switch ($get) {
    case "param_value":
?>
  <div data-param="<?php echo $get; ?>">
    // My HTML content here
  </div>
<?php
      break;
    case default:
      break;
  }

  // Id params passed via POST method
  $post = $_POST['param'];
  if ($post != "") {
    $data['output'] = '
      <div data-param="<?php echo $get; ?>">
        // My HTML content here
      </div>
    ';
    echo json_encode($data);
  }
?>

比我有 Javascript 文件，我从该文件对 PHP 进行 AJAX 调用：

var oWrapper = jQuery("#wrapper"),

// Loading HTML via jQuery.load() function
    sParams = jQuery.param({ param: "value" });
oWrapper.load("/content.php?" + sParams, function () {
  console.log("content loaded via load()");
});

// Loading HTML via jQuery.ajax() function
jQuery.ajax({
  type: "POST",
  dataType: "json",
  url: "/content.php",
  cache: false,
  data: { "param": "value" },
  success: function (data) {
    oWrapper.html(data.output);
    console.log("content loaded via ajax()");
  }
});

哪种方式更快？

除了请求和返回的速度之外，我想知道应用程序哪种方式的安全性更好？！

Answer 1

两种方法都做几乎完全相同的事情。

在内部，$(selector).load() 使用 $.ajax() 获取数据，然后 $(selector).html() > 将所选元素的 html 设置为 $.ajax() 调用的响应。

如果要将 html 加载到元素中，请使用 $(selector).load() 因为它更具可读性。其中一种与另一种一样安全、快速。

注意： jQuery 现在内部使用 $.parseHTML() 而不是 $(selector).html() 将字符串转换为 html。但这并没有真正改变任何事情。

Answer 2

我不知道具体细节，但我认为安全性没有区别。 load() 和 get() 是 ajax() 的“优化”版本，因此它们总是更快更好，但我不认为您或您的访问者会感受到像您这样的查询的差异