<form action="#" method="post">

    {% csrf_token %}

    班级<input name="class" type="text" placeholder=" 班级">

    <input id="cancel" type="button" value="取消">

    <input type="submit" value="提交">

</form>

function fun1(self) {

    {#    第一步创建一个xmlhttprequest对象#}

    var xmlhttp = new XMLHttpRequest();

    {#    第二步,绑定发送的url以及发送方式#}

        xmlhttp.open("get","{% url '1' %}?name="+self.value,true);

{#    xmlhttp.open("post",{% url '1' %},true);#}

    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

     xmlhttp.onreadystatechange = function () {

        if (xmlhttp.readyState==4 && xmlhttp.status==200){

            var data = xmlhttp.responseText;

{#            console.log(data)#}

            document.getElementById('check').innerText=data

        }

    };

{#    第三步,发送数据,get的时候发送为null#}

    xmlhttp.send('name="123');

}

    function fun1(self) {

        $.get('{% url "`1" %}',{name:self.value.trim()},function (data) {

            console.log(data);

                alert(data);

                $("#error").text(data)

            })

    }

   function fun1(self) {

        $.post('{% url "1" %}', {name: self.value.trim()}, function (data) {

            console.log(data);

            alert(data);

            $("#error").text(data)

        })

    }

  function fun1() {

        $.ajax({

            {# 设置url#}

            url: '{% url "1" %}',

            {# 设置data----发送的数据#}

            data: {a: 1, b: 2},

            {# 设置请求类型#}

            type: "GET",

            {# 成功时候执行的函数#}

            success: function (data) {

            },

　　　　　　　　

dataType : 'json',
beforeSend: function(request) {
request.setRequestHeader("ajaxFunction", "true");

},

            {# 失败时候执行的函数#}

            error: function (jqXHR, textStatus, err) {

                // jqXHR: jQuery增强的xhr

                // textStatus: 请求完成状态

                // err: 底层通过throw抛出的异常对象，值与错误类型有关

                console.log(arguments);

            },

            {# 任何时候执行的函数#}

            complete: function (jqXHR, textStatus) {

                // jqXHR: jQuery增强的xhr

                // textStatus: 请求完成状态 success | error

                console.log('statusCode: %d, statusText: %s', jqXHR.status, jqXHR.statusText);

                console.log('textStatus: %s', textStatus);

            },

            {# 根据状态码#}

            statusCode: {

                '403': function (jqXHR, textStatus, err) {

                    console.log(arguments);  //注意：后端模拟errror方式：HttpResponse.status_code=500

                },

                '400': function () {

                }

            }

        })

    }