jQuery.ajax(options)方法使用HTTP请求加载远程页面。
$.ajax()返回它创建的XMLHttpRequest。在大多数情况下,您不需要该对象直接进行操作,但是如果您需要手动中止请求,则可以使用该对象。
jQuery.ajax( options ) - 语法
$.ajax( options )
这是此方法使用的所有参数的描述-
options - 一组配置Ajax请求的键/值对。
Sr.No. | Option & Remark |
---|---|
1 | async 一个布尔值,指示是否异步执行请求。默认值是true。 |
2 | beforeSend 发送请求之前执行的回调函数。 |
3 | complete 每当请求完成时执行的回调函数。 |
4 | contentType 一个字符串,其中包含要为请求设置的MIME内容类型。默认值为application/x-www-form-urlencoded。 |
5 | data 与请求一起发送到服务器的映射或字符串。 |
6 | dataFilter 用于处理XMLHttpRequest的原始响应数据的函数。这是预过滤功能,用于清理响应。 |
7 | dataType 一个字符串,用于定义期望从服务器返回的数据类型(xml,html,json或脚本)。 |
8 | error 如果请求失败,则执行的回调函数。 |
9 | global 一个布尔值,指示是否将由此请求触发全局AJAX事件处理程序。默认值是true。 |
10 | ifModified 一个布尔值,指示服务器是否应在响应请求之前检查页面是否被修改。 |
11 | jsonp 覆盖jsonp请求中的回调函数名称。 |
12 | password 用于响应HTTP访问认证请求的密码。 |
13 | processData 一个布尔值,指示是否将提交的数据从对象形式转换为查询字符串形式。默认值是true。 |
14 | success 如果请求成功执行的回调函数。 |
15 | timeout 毫秒数,超过该时间后,请求将在失败后超时。 |
16 | timeout 设置请求的本地超时(以毫秒为单位)。 |
17 | type 一个字符串,定义用于请求(GET或POST)的HTTP方法。默认值为GET。 |
18 | url 包含请求发送到的URL的字符串。 |
19 | username 用来响应HTTP访问认证请求的用户名。 |
20 | xhr 用于创建XMLHttpRequest对象的回调。可用时默认为ActiveXObject(IE),否则默认为XMLHttpRequest。 |
jQuery.ajax( options ) - 示例
假设无涯教程在result.html文件中包含以下HTML内容-
<h1>THIS IS RESULT...</h1>
以下是一个简单的示例,简单说明了此方法的用法。在这里,利用成功处理程序填充返回的HTML-
<html><head><title>The jQuery Example</title><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script type="text/javascript" language="javascript">$(document).ready(function() {$("#driver").click(function(event){$.ajax( {url:result.html,success:function(data) {$(#stage).html(data);}});});});</script></head><body><p>Click on the button to load result.html file:</p><div id="stage" style="background-color:blue;">STAGE</div><input type="button" id="driver" value="Load Data" /></body> </html>
这将产生以下输出-
jQuery 中的 jQuery.ajax( options )方 - 无涯教程网无涯教程网提供jQuery.ajax(options)方法使用HTTP请求加载远程页面。$.ajax()返回它创建的XMLHttpReq...https://www.learnfk.com/jquery/ajax-jquery-ajax.html