举例js和php结合使用的代码

以下是一个更完整的JS和PHP结合使用的代码示例，用于从Web页面中向PHP脚本发送AJAX请求，并在Web页面上动态加载和更新数据：

HTML代码：

<div id="user-list"></div>
<button id="refresh-btn">Refresh</button>

JS代码：

var userList = document.getElementById('user-list');
var refreshBtn = document.getElementById('refresh-btn');

refreshBtn.addEventListener('click', function() {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'get_users.php');
  xhr.onload = function() {
    if (xhr.status === 200) {
      var users = JSON.parse(xhr.responseText);
      var html = '';
      users.forEach(function(user) {
        html += '<div>' + user.name + ' (' + user.email + ')</div>';
      });
      userList.innerHTML = html;
    } else {
      console.log('Error: ' + xhr.statusText);
    }
  };
  xhr.onerror = function() {
    console.log('Error: Network Error');
  };
  xhr.send();
});

PHP代码（get_users.php）：

<?php
// Retrieve user data from database
$users = array();
// ...

// Return user data as JSON
header('Content-Type: application/json');
echo json_encode($users);
?>

这个例子中，JS使用XMLHttpRequest对象向PHP脚本发送GET请求，并从PHP脚本中检索用户数据。PHP脚本将从数据库中检索用户数据，并将其作为JSON格式的响应发送回JS。JS将解析JSON响应，并将用户数据动态加载到Web页面中，以便用户可以查看最新的用户列表。用户可以单击“Refresh”按钮，以重新加载用户列表。