js常用方法集（二）

---

---

三、ajax与axios

1、ajax函数

代码如下：

// 创建一个AJAX请求
function sendAjaxRequest(url, method, data, callback) {
  var xhr = new XMLHttpRequest();

  // 指定请求的类型和URL
  xhr.open(method, url, true);

  // 设置请求头（可选）
  xhr.setRequestHeader('Content-Type', 'application/json');

  // 监听请求状态变化事件
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        // 请求成功，将响应数据传递给回调函数
        callback(null, JSON.parse(xhr.responseText));
      } else {
        // 请求失败，将错误信息传递给回调函数
        callback(new Error('AJAX request failed.'));
      }
    }
  };

  // 发送请求
  xhr.send(JSON.stringify(data));
}

使用示例：

var url = 'https://api.example.com/data';
var method = 'POST';
var data = { name: 'John', age: 30 };

sendAjaxRequest(url, method, data, function(error, response) {
  if (error) {
    console.error('Error:', error);
  } else {
    console.log('Response:', response);
  }
});

2、axios函数

代码如下：

// 导入axios库（前提是已经在项目中安装了axios）
import axios from 'axios';

// 创建一个使用axios的函数
function sendAxiosRequest(url, method, data, callback) {
  // 发起请求
  axios({
    method: method,
    url: url,
    data: data,
    headers: {
      'Content-Type': 'application/json'
    }
  })
  .then(function(response) {
    // 请求成功，将响应数据传递给回调函数
    callback(null, response.data);
  })
  .catch(function(error) {
    // 请求失败，将错误信息传递给回调函数
    callback(error);
  });
}

使用示例：

var url = 'https://api.example.com/data';
var method = 'POST';
var data = { name: 'John', age: 30 };

sendAxiosRequest(url, method, data, function(error, response) {
  if (error) {
    console.error('Error:', error);
  } else {
    console.log('Response:', response);
  }
});

四、数组

1、数组

代码如下：

// 1. 获取数组的长度
function getArrayLength(arr) {
  return arr.length;
}

// 2. 检查数组是否为空
function isArrayEmpty(arr) {
  return arr.length === 0;
}

// 3. 在数组末尾添加一个元素
function addElementToArray(arr, element) {
  arr.push(element);
  return arr;
}

// 4. 在数组开头添加一个元素
function addElementToStartOfArray(arr, element) {
  arr.unshift(element);
  return arr;
}

// 5. 删除数组末尾的一个元素
function removeLastElementFromArray(arr) {
  arr.pop();
  return arr;
}

// 6. 删除数组开头的一个元素
function removeFirstElementFromArray(arr) {
  arr.shift();
  return arr;
}

// 7. 合并两个数组
function mergeArrays(arr1, arr2) {
  return arr1.concat(arr2);
}

// 8. 查找元素在数组中的索引
function findIndexOfElement(arr, element) {
  return arr.indexOf(element);
}

// 9. 检查数组是否包含指定元素
function doesArrayContainElement(arr, element) {
  return arr.includes(element);
}

// 10. 数组元素反转
function reverseArray(arr) {
  return arr.reverse();
}

使用示例：

var myArray = [1, 2, 3, 4, 5];

console.log(getArrayLength(myArray)); // 5
console.log(isArrayEmpty(myArray)); // false

console.log(addElementToArray(myArray, 6)); // [1, 2, 3, 4, 5, 6]
console.log(addElementToStartOfArray(myArray, 0)); // [0, 1, 2, 3, 4, 5, 6]

console.log(removeLastElementFromArray(myArray)); // [0, 1, 2, 3, 4, 5]
console.log(removeFirstElementFromArray(myArray)); // [1, 2, 3, 4, 5]

var anotherArray = [6, 7, 8];
console.log(mergeArrays(myArray, anotherArray)); // [1, 2, 3, 4, 5, 6, 7, 8]

console.log(findIndexOfElement(myArray, 3)); // 2
console.log(doesArrayContainElement(myArray, 5)); // true

console.log(reverseArray(myArray)); // [5, 4, 3, 2, 1]

---