JavaScript的XMLHttpRequest提交put请求修改属性

最新推荐文章于 2025-09-21 18:20:03 发布

原创最新推荐文章于 2025-09-21 18:20:03 发布 · 5.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #javaScript #put请求 #XMLHttpRequest

react native 专栏收录该内容

10 篇文章

订阅专栏

这篇博客介绍了如何利用JavaScript的XMLHttpRequest对象发起PUT请求来修改资源属性。首先创建XMLHttpRequest实例，然后定义onreadystatechange回调函数以处理请求状态变化。当请求完成且状态码为200时，表示请求成功；否则，表示失败。接着调用open方法配置PUT请求和URL，设置Content-type头，最后通过send方法发送包含待修改参数的请求。

 
        const request = new XMLHttpRequest(); // 新建XMLHttpRequest对象
        request.onreadystatechange = function () { // 状态发生变化时，函数被回调
            if (request.readyState === 4) { // 成功完成
                // 判断响应结果:
                if (request.status === 200) {
                    // 成功，通过responseText拿到响应的文本:

                } else {
                    // 失败，根据响应码判断失败原因:

                }
            } else {
                // HTTP请求还在继续...
            }
        }

// 发送请求:
        request.open('PUT', url);//提交的url
        request.setRequestHeader('Content-type','application/x-www-form-urlencoded');//关键步骤
        request.send(this.param+'='+currentArray[option]);//加入待修改的参数