html和jquery写页面局部数据加载

可以使用jQuery的ajax方法来实现局部数据加载。具体步骤如下：

1.在HTML页面中定义一个容器，用于显示返回的数据：

<div id="result"></div>

2.使用jQuery的ajax方法发送请求，并在成功后将返回的数据填充到容器中：

$.ajax({
  url: "data.php",
  type: "POST",
  data: {param1: "value1", param2: "value2"},
  success: function(data) {
    $("#result").html(data);
  }
});

其中，url参数指定请求的地址，type参数指定请求的方法（GET或POST），data参数指定请求的参数，success回调函数在请求成功后执行，将返回的数据填充到容器中。

3.在服务器端处理请求，返回需要填充到容器中的数据。

例如，在PHP中可以使用以下代码返回一个HTML片段：

<?php
  $data = "<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>";
  echo $data;
?>

这段代码会返回一个包含三个列表项的无序列表，可以通过ajax方法将其填充到页面中的容器中。