02--ajax学习--jquery方式实现ajax

最新推荐文章于 2024-06-14 10:07:00 发布

猪哥哥呀

最新推荐文章于 2024-06-14 10:07:00 发布

阅读量104

点赞数

分类专栏： ajax+json 文章标签： ajax $.ajax $.post $.get

本文链接：https://blog.csdn.net/weixin_42133396/article/details/102626717

版权

ajax+json 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

$.ajax()

* 语法：$.ajax({键值对});
//使用$.ajax()发送异步请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        
        //定义方法
        function  fun() {
            //使用$.ajax()发送异步请求

            $.ajax({
                url:"http://localhost:8080/user/regist" , // 请求路径
                type:"POST" , //请求方式
                // data: "username=jack&phone=23",//请求参数
                data:{"username":"jack","phone":23},
                success:function (data) {
                    alert(data);
                },//响应成功后的回调函数
                error:function () {
                    alert("出错啦...")
                },//表示如果请求响应出现错误，会执行的回调函数

                dataType:"text"//设置接受到的响应数据的格式
            });
        }
        
    </script>
    
    
</head>
<body>

    <input type="button" value="发送异步请求" onclick="fun();">

    <input>
</body>
</html>

$.get()：发送get请求

* 语法：$.get(url, [data], [callback], [type])
* 参数：
* url：请求路径
* data：请求参数
* callback：回调函数
* type：响应结果的类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        
        //定义方法
        function  fun() {

            $.get("http://localhost:8080/user/regist",{username:"rose"},function (data) {
                alert(data);
            },"text");

        }
        
    </script>
    
    
</head>
<body>

    <input type="button" value="发送异步请求" onclick="fun();">

    <input>
</body>
</html>

$.post()：发送post请求

* 语法：$.post(url, [data], [callback], [type])
* 参数：
* url：请求路径
* data：请求参数
* callback：回调函数
* type：响应结果的类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        
        //定义方法
        function  fun() {

            $.post("http://localhost:8080/user/regist",{"username":"rose",phone:123456},function (data) {
                alert(data);
            },"text");

        }
        
    </script>
    
    
</head>
<body>

    <input type="button" value="发送异步请求" onclick="fun();">

    <input>
</body>
</html>

猪哥哥呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
02--ajax学习--jquery方式实现ajax

$.ajax() * 语法：$.ajax({键值对});//使用$.ajax()发送异步请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&lt...
复制链接

扫一扫