jquery快速入门（完结）请求ajax

最新推荐文章于 2022-04-29 10:47:08 发布

kyyius

最新推荐文章于 2022-04-29 10:47:08 发布

阅读量98

点赞数

文章标签： ajax js jquery javascript html

本文链接：https://blog.csdn.net/kyyius/article/details/109785678

版权

$.ajax({
    async: true,
    contentType: ‘application/json’,
    dataType: ‘json’,
    error: function(){
    请求出现错误时，执行的函数
    },
    success: function(data){
    //data就是responseText,是jq处理后的数据,可以直接使用
    },
    url: ‘’，
    type：‘get’
})

json结构参数说明
1 async: 是一个bool类型的值，默认true表示异步请求可以不写，xmlHttp.open(get,url,true)第三个参数一样的意思

2 contentType: 一个字符串表示从浏览器发送服务器的参数的类型，可以不写，例如表示请求的参数是json格式，可以写application/json

3 data: 可以是字符串，数组，json，表示请求的参数和参数值，常用的是json格式的数据

4 dataType: 表示期望从服务器返回的数据格式，可选：xml，html，text，json当我们使用$.ajax()发送请求时，会把该选项的值发送给服务器，那我们的servlet能够读取到dataType的值就指定浏览器需要的是什么数据，服务器就可以发回需要的数据格式

5 error: 一个函数，当请求发生错误时，执行的函数
error: function(){}

6 success：一个函数，请求成功，从服务器端返回数据，执行这个函数
XMLHttpRequest对象，当readyState===4 && status === 200 的时候

7 url: 请求的地址

8 type：请求方式 get，post，不用区分大小写，默认get

主要使用的是 url data dataType success

$.post(URL,data,function(data,status,xhr),dataType)

URL 必需。规定将请求发送到哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
function(data,status,xhr) 可选。规定当请求成功时运行的函数。
额外的参数：
data - 包含来自请求的结果数据
status - 包含请求的状态（“success”、“notmodified”、“error”、“timeout”、“parsererror”）
xhr - 包含 XMLHttpRequest 对象
dataType 可选。规定预期的服务器响应的数据类型。
默认地，jQuery 会智能判断。
可能的类型：
“xml” - 一个 XML 文档
“html” - HTML 作为纯文本
“text” - 纯文本字符串
“script” - 以 JavaScript 运行响应，并以纯文本返回
“json” - 以 JSON 运行响应，并以 JavaScript 对象返回
“jsonp” - 使用 JSONP 加载一个 JSON 块，将添加一个 “?callback=?” 到 URL 来规定回调

例子
$.post(“www.blala.com”,{key:val},function(result){
console.log(result)
},“json”);

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
	</head>
	<body>
		<script type="text/javascript">
			$(function(){
				$.ajax({
					url:'https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js',
					success: function(data){
						console.log(data)
						// 查看data中的数据结构
						// 如果我们请求回来的内容要更新到页面上的话
						// 假设data是{ v: '123'}
						// 我们可以$('div').text(data.v)即可
					}
				})
			})
		</script>
	</body>
</html>

kyyius

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery快速入门（完结）请求ajax

$.ajax({    async: true,    contentType: ‘application/json’,    dataType: ‘json’,    error: function(){    请求出现错误时，执行的函数    },&nb
复制链接

扫一扫