ajax - 从 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。但这并没有真正改变任何事情。