Ajax 请求的几种方式

最底层封装 $.ajax
基于最底层的封装 的第二层封装:.load();$.get();$.post();
基于最底层的封装 的最高层封装:$.getScript();$.getJSON();

.load()

$("on").click(function(){
    $("#box").load("xxx.html .url")
})
做筛选,只需要加载url部分

Html部分
<span class="url">www.baidu.com</span>
<span class="aaa">www.baidu.com</span>
### AJAX 支持的请求方法 AJAX(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术,它允许通过后台与服务器交换数据而不重新加载整个页面。在实现过程中,XMLHttpRequest 对象是核心组件之一,该对象支持多种 HTTP 请求方法。 常见的 AJAX 请求方法包括 GET 和 POST 方法[^1]。GET 方法通常用于从服务器获取资源,而 POST 方法则常用于向服务器提交要处理的数据。除此之外,现代浏览器还支持其他 HTTP 请求方法,例如 PUT、DELETE、HEAD 等,这些方法主要用于 RESTful API 的开发场景中[^2]。 以下是每种方法的功能概述: - **GET**:用于请求访问已经被 URI(统一资源标识符)识别的资源。可以通过参数的形式传递少量数据给服务器[^3]。 - **POST**:用于向指定资源提交数据,请求服务器进行处理(例如提交表单或上传文件)。数据被包含在请求体中[^4]。 - **PUT**:用于向指定资源位置上传其最新内容[^5]。 - **DELETE**:用于请求删除由 URI 所标识的资源[^6]。 - **HEAD**:类似于 GET 方法,但不会传输响应主体部分,仅返回状态行和头部信息[^7]。 下面是一个简单的例子展示如何使用 XMLHttpRequest 发起不同类型的 AJAX 请求: ```javascript function ajaxRequest(method, url, callback) { var xhr = new XMLHttpRequest(); xhr.open(method, url, true); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { callback(xhr.responseText); } }; xhr.send(); } // 使用示例 ajaxRequest('GET', '/example', function(response) { console.log(response); }); ``` 相关问题
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值