原生封装ajax 原生封装form逻辑：示例代码

原生封装ajax的逻辑是通过XMLHttpRequest对象来发送异步HTTP请求，然后处理服务器返回的数据。以下是一个简单的示例代码：

function ajax(url, method, data, successCallback, errorCallback) {
  var xhr = new XMLHttpRequest();
  xhr.open(method, url, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      if (xhr.status === 200) {
        successCallback(xhr.responseText);
      } else {
        errorCallback(xhr.statusText);
      }
    }
  };
  xhr.send(data);
}

在这个示例中，我们定义了一个名为ajax的函数，它接收url、method、data、successCallback和errorCallback作为参数。在函数内部，我们创建了一个XMLHttpRequest对象，并使用open方法设置请求的url和method。然后，我们通过onreadystatechange事件处理程序来监听请求的状态变化。当readyState为4时，表示请求已完成，我们通过status属性来判断请求的结果。如果status为200，表示请求成功，我们调用successCallback函数并将服务器返回的数据作为参数传递给它；否则，表示请求失败，我们调用errorCallback函数并将错误信息作为参数传递给它。我们使用send方法发送请求。

原生封装form的逻辑是通过创建一个form元素，设置其属性和值，然后将其添加到文档中以提交表单数据。以下是一个简单的示例代码：

function submitForm(url, method, data) {
  var form = document.createElement('form');
  form.action = url;
  form.method = method;
  for (var key in data) {
    if (data.hasOwnProperty(key)) {
      var input = document.createElement('input');
      input.type = 'hidden';
      input.name = key;
      input.value = data[key];
      form.appendChild(input);
    }
  }
  document.body.appendChild(form);
  form.submit();
}

在这个示例中，我们定义了一个名为submitForm的函数，它接收url、method和data作为参数。在函数内部，我们创建了一个form元素，并通过设置其action和method属性来指定表单提交的目标和方法。然后，我们遍历data对象的属性，为每个属性创建一个隐藏的input元素，并将属性名作为name属性，属性值作为value属性。我们将form元素添加到文档的body中，并调用submit方法提交表单数据。