jQuery的ajax请求

最新推荐文章于 2023-04-01 14:41:11 发布

皮蛋solo粥！

最新推荐文章于 2023-04-01 14:41:11 发布

阅读量96

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_46287150/article/details/121710506

版权

jquery

jQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

jQuery的ajax请求

$.ajax()

因为是发送 ajax 请求，不是操作DOM
不需要依赖选择器去获取到元素
他的使用是直接依赖 jQuuery 或者 $ 变量来使用
语法：$.ajax( { 本次发送ajax的配置项 } )
配置项

url：必填，表示请求地址
method：选填，默认是GET，表示请求方式
data：选填，默认是 ’ ’ ，表示携带给后端的参数
async：选填，默认是 true ，表示是否异步
success：选填，表示请求成功的回调函数
error：选填，表示请求失败的回调函数

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
  <script>
    $.ajax({
      url:'haha.php',
      success:function(res){
        //res 接受的就是后端给回的相应结果
        console.log(res)
      },
      error:function(){
        console.log('请求失败')
      }
    })
  </script>
</body>
</html>

在这里插入图片描述