jQuery请求AJAX

最新推荐文章于 2024-08-09 17:26:52 发布

原创最新推荐文章于 2024-08-09 17:26:52 发布 · 220 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery #前端 #javascript

收录于

$.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>