正文

jquery $.ajax方法

Async
Async V管理员 /331阅读/0评论
1121

get获取实例

<!DOCTYPE html>
<head>
<title>jQuery</title>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
        $(document).ready(function(){
            $("input").click(function(){
                $.ajax({
                    url:"txt/ajax.txt",
                    success:function(data){$("p").html("ajax获取到的数据："+data);}
            })
            })
        })
    </script>
<style>
    </style>
</head>
<body>
<p>点击下面的获取按钮查看ajax获取到的内容</p>
<input type="button" value="获取">
</body>

运行结果

截屏2023-11-21 11.10.26.png

post提交并获取实例

<!DOCTYPE html>
<head>
<title>jQuery</title>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
        $(document).ready(function(){
            $("input").click(function(){
                $.ajax({
                    url:"php/post.php",
                    type:"POST",
                    data:{name : "zhang",
                          number : "10086"},
                    success:function(data){
                        $("p").html("ajax返回的数据"+data);
                    }
            })
            })
        })
    </script>
<style>
    </style>
</head>
<body>
<p>点击下面的获取按钮查看ajax获取到的内容</p>
<input type="button" value="获取">
</body>

运行结果

截屏2023-11-21 11.10.35.png

除非注明，否则均为后台设置版权信息原创文章，转载或复制请以超链接形式并注明出处。