ajax调用后端接口

<!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>

猜你喜欢

转载自blog.csdn.net/qinsijun123/article/details/88798597