网页端在role模块增加信息，一个是增加角色名称，是role_info表里的字段，另一个是选中多选框里的权限名，是privilege_info表里的字段，xml语句怎么写，能点击增加按钮，把值关联到数据库里

在网页前端使用XMLHttpRequest或者Vue、React等框架的AJAX功能，你可以创建一个HTML结构，结合JavaScript来实现这个功能。假设你正在使用HTML5的`<form>`元素，并且有两个选择项分别对应角色名称和权限名：

<form id="addForm">
  <label for="roleName">角色名称:</label>
  <input type="text" id="roleNameInput" name="role_name" required>

  <h4>权限:</h4>
  <select multiple id="permissions" name="privileges[]">
    <!-- 这里需要动态加载权限名 -->
    <!-- ... -->
  </select>

  <button type="submit" id="addButton">增加</button>
</form>

然后，可以使用JavaScript绑定`click`事件处理程序，当点击“增加”按钮时，发送POST请求到服务器：

document.getElementById('addButton').addEventListener('click', function(e) {
  e.preventDefault(); // 阻止默认提交

  var roleName = document.getElementById('roleNameInput').value;
  var selectedPrivileges = []; // 获取选中的权限名
  var checkboxes = document.querySelectorAll('#permissions input[type=checkbox]:checked');
  checkboxes.forEach(function(checkbox) {
    selectedPrivileges.push(checkbox.value);
  });

  // 创建一个包含角色名称和权限的数据对象
  var data = {
    role_name: roleName,
    privileges: selectedPrivileges
  };

  // 发送Ajax请求（这里只是一个示例，实际应用可能需要替换为axios、fetch或jQuery.ajax）
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/api/add-role', true); // 替换为你的API地址
  xhr.setRequestHeader('Content-Type', 'application/json'); // 如果你的服务器期望JSON格式
  xhr.onload = function() {
    if (xhr.status === 200) {
      console.log('添加成功');
    } else {
      console.error('添加失败:', xhr.responseText);
    }
  };
  xhr.send(JSON.stringify(data));
});