简单的jquery实现ajax代码

最新推荐文章于 2023-01-14 00:15:31 发布

不俏子

最新推荐文章于 2023-01-14 00:15:31 发布

阅读量205

点赞数

分类专栏： jquery 文章标签： ajax jquery 异步请求

本文链接：https://blog.csdn.net/Q854031191/article/details/103000296

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

简单的jquery实现ajax代码

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>jquery ajax</title>
	<script type="text/javascript" src="./jquery-3.3.1.min.js"></script>
	<script type="text/javascript">


	 function  fun() {
            //使用$.ajax()发送异步请求

            $.ajax({
                url:"atext" , // 请求路径
                type:"POST" , //请求方式
                //data: "username=jack&age=23",//请求参数
                data:{"username":"jack","age":23},
                success:function (a) {
                    alert(a);
                },//响应成功后的回调函数 参数a可以是任意，表示返回的数据
                error:function () {
                    alert("出错啦...")
                },//表示如果请求响应出现错误，会执行的回调函数

                dataType:"text"//设置接受到的响应数据的格式
            });
        }
	</script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun();">
</body>
</html>

在atext.txt中有什么内容
点击按钮就会有什么内容

不俏子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
简单的jquery实现ajax代码

简单的jquery实现ajax代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>jquery ajax</title> <script type="text/javascript" src="./jquery-3.3.1.min.js"&g...
复制链接

扫一扫