一篇文章带你搞定使用 JQuery 实现 Ajax

一、$.ajax()

语法:$.ajax({键值对});

 //使用$.ajax()发送异步请求
$.ajax({
		             url:"ajaxServlet1111" , // 请求路径
		             type:"POST" , //请求方式
		             //data: "username=jack&age=23",//请求参数
		             data:{"username":"jack","age":23},
		             success:function (data) {
		                alert(data);
		             },//响应成功后的回调函数
		             error:function () {
		                 alert("出错啦...")
		             },//表示如果请求响应出现错误,会执行的回调函数
		
		             dataType:"text"//设置接受到的响应数据的格式
 });

二、$.get():发送 get 请求

* 语法:$.get(url, [data], [callback], [type])
* 参数:
		* url:请求路径
		* data:请求参数
		* callback:回调函数
		* type:响应结果的类型
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        function fun() {
            $.get("ajaxServlet", {username: "Jack"}, function (date) {
                alert(date)
            },"text")
        }
    </script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun();">
<input>

在这里插入图片描述

三、$.post():发送 post 请求

* 语法:$.post(url, [data], [callback], [type])
* 参数:
		* url:请求路径
		* data:请求参数
		* callback:回调函数
		* type:响应结果的类型
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        function fun() {
            $.post("ajaxServlet", {username: "Jack"}, function (date) {
                alert(date)
            },"text")
        }
    </script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun();">
<input>

和 get 的区别就是这里的参数不会包含在请求头里,而是包含在了 form data 里
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南淮北安

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值