Ajax请求以及根据响应结果用js动态刷新局部页面（编程实现

好的，关于Ajax请求以及根据响应结果用js动态刷新局部页面的编程实现，以下是一个简单的例子:

HTML部分：

<div id="result">这里将会显示Ajax请求的结果</div>
<button onclick="loadData()">点击加载数据</button>

JavaScript部分：

function loadData() {
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  // 设置请求方式和请求地址
  xhr.open('GET', '/api/data', true);
  // 监听xhr对象的onreadystatechange事件
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功后，将响应结果更新到页面上
      var resultDiv = document.getElementById('result');
      resultDiv.innerHTML = xhr.responseText;
    }
  };
  // 发送请求
  xhr.send();
}

上述代码实现了一个简单的Ajax请求，当用户点击按钮时，会向服务器发送一个GET请求，请求地址为`/api/data`，服务器返回的响应结果将会更新到页面上的`result`元素中。当xhr对象的`readyState`属性为4且`status`属性为200时，表示请求成功，此时将响应结果更新到页面上。

需要注意的是，为了避免跨域请求问题，此处将请求地址设置为了相对路径`/api/data`，实际应用中需要根据具体情况设置请求地址。同时，为了保证兼容性，可以考虑使用jQuery等类库来简化代码。