xmlhttprequest

$.ajax()方法详解 1.url : 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type : 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout : 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。 4.async : 要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行。 5.cache : 要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false），设置为false将不会从浏览器缓存中加载请求信息。 6.data : 要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换，可以查看　　processData选项。对象必须为key/value格式，例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组

一、原生XMLHttpRequest方法 const BASE_URL = “http://10.2.0.150” 1.原生实现 GET /* // 1. 创建请求对象 let xhr = new XMLHttpRequest(); // 2. 配置请求 // -> xhr.open(method, url, sync) xhr.open(“GET”, ${BASE_URL}/heros?id=1 , true); // -> 设置响应类型 xhr.responseType = “json”; // -> 设置请求超时时间 xhr.timeout = 10000; // 3. 发送请求 xhr.send(); // 4. 事件监听 // -> 请求完成 xhr.onload = function() { // readyState 请求状态 // status 状态码 if(xhr.status == 200) { // 打印结果 console.log(xhr.response); }else { console.log( XMLHttpRequest_ERROR_STATUS：${xhr.status} ); } }*/ 2.原生实现 POST // 1. 创建请求对象 let xhr = new XMLHttpRequest(); // 2. 配置请求 // -> xhr