欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

AJAX请求

程序员文章站 2022-07-05 20:39:57
...

AJAX请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax测试</title>
    <script src="/static/js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            //绑定btAjax的click事件
            $('#btajax').click(function () {
                alert("1");
                $.ajax({
                    'url':'/ajax_hand',
                    'Type':'get',
                    'dataType':'Json',
                    'async':false,//默认情况下是true是异步,如果改为false是同步
                }).success(function (data) {
                        alert("2");
                    //执行成功后回调函数
                        if(data.res == 1){
                            $('#message').show().html('提示消息');
                        }
                })
                alert("3");
            })
        })
    </script>
    <style>

        #message{
            display: none;
            color: red;

        }

    </style>
</head>

<body>
<input type="button" id="btajax" value="ajax请求">
<div id="message"></div>
</body>
</html>
相关标签: Django H5