ajax调用后端接口

最新推荐文章于 2024-07-28 17:31:47 发布

豆浆and馒头

最新推荐文章于 2024-07-28 17:31:47 发布

阅读量3k

点赞数

分类专栏： Ajax web 文章标签： Ajax

本文链接：https://blog.csdn.net/qinsijun123/article/details/88798597

版权

Ajax 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

web

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(function(){
        //按钮单击时执行
        $("#testAjax").click(function(){
              
              //Ajax调用处理
            $.ajax({
               type: "GET",
               url: "http://*********:6110/dbm/project/dummy/get/newest/project/msg",
               data: "area=&city=&project_id=45&login_name=guangda",
               success: function(data){
                        $("#myDiv").html('<h2>'+data.msg+'</h2>');
                  }
            });
            
         });
    });
</script>    
</head>
    <body>
        <div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
        <button id="testAjax" type="button">Ajax改变内容</button>
    </body>
</html>