H5中ajax()方法发送网络数据请求

最新推荐文章于 2022-03-07 08:28:20 发布

__泡泡茶壶

最新推荐文章于 2022-03-07 08:28:20 发布

阅读量5k

点赞数

CC 4.0 BY-SA版权

分类专栏：前后端基础文章标签： javascript

本文链接：https://blog.csdn.net/luoxuexi2020/article/details/115489575

前后端基础专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了H5中ajax()方法的定义和用法，讲解了如何通过HTTP请求加载远程数据。同时提到了$.ajax()返回的是XMLHttpRequest对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、定义和用法

ajax() 方法通过 HTTP 请求加载远程数据。

$.ajax() 返回其创建的 XMLHttpRequest 对象。

语法

jQuery.ajax([settings])

参数

参数	描述
setting	可选。用于配置 Ajax 请求的键值对集合。可以通过 $.ajaxSetup() 设置任何选项的默认值。
async	Boolean类型。默认值为true。所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。
url	String类型。用于响应HTTP访问认证请求的用户名。
timeout	Number类型。设置请求超时时间（毫秒）。此设置将覆盖全局设置。
type	String类型。默认值: “GET”。请求方式 (“POST” 或 “GET”)，默认为 “GET”。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。

具体内容

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);
  });
});
</script>
</head>
<body>

<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">通过点击改变内容</button>

</body>
</html>