jQuery请求AJAX

最新推荐文章于 2024-07-26 03:29:01 发布

午睡的风

最新推荐文章于 2024-07-26 03:29:01 发布

阅读量147

点赞数

文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/MX22724/article/details/128866436

版权

$.AJAX

ajax(方法用于执行 AJAX 请求。

所有的jQuery AJAX 方法都使用 ajax() 方法该方法通常用于其他方法不能完成的请求。

语法

$.ajax({name:value， name:value, ...})

实例

 <script src="js/jquery-3.6.0.js"></script>
</head>
<body>
    <button id="key">点击</button>
    <div id="key1"></div>
</body>
<script>
    $(function(){
        $("#key").click(function(){
            $.ajax({
                type:"get",
                url:"index.json",
                async:true,
                dataType:"text",
                success:function(mat){
                    $("#key1").html(mat);
                }
            });

           
        });
    });
</script>

$.get()方法

$.get()方法通过HTTP GET 请求从服务器上请求数据

语法

$ .get (URL ,ca11back)

实例

<script src="js/jquery-3.6.0.js"></script>
</head>
<body>
    <button id="key">点击</button>
    <div id="key1"></div>
</body>
<script>
    $(function(){
        $("#key").click(function(){
        

            $.get("index.json",function(mat,status){
                alert("书名:"+JSON.stringify(mat)+"作者"+status);
            });
        });
    });
</script>