django 2.2中，ajax的使用方法

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。

Ajax = 异步 JavaScript 和 XML 或者是 HTML（标准通用标记语言的子集）。

Ajax 是一种用于创建快速动态网页的技术。

Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。

Ajax支持异步提交数据，局部刷新页面，这种情况我们在好多页面都会看到

 

(url)：控制数据的提交地址，不写默认往当前位置提交

(type):默认是get,要将get请求换成post

(data)：类似于字典的格式

回调函数(success)：function(data){}data接收到的后端传输的数据

<div class="right companyright">
			<div class="head">我要学习</div>
			<form class="rightform" id="jsStayForm">
				<div>
                    <img src="../images/rightform1.png"/>
                    <input type="text" name="name" id="companyName" placeholder="名字" maxlength="25" />
                </div>
				<div>
                    <img src="../images/rightform2.png"/>
                    <input type="text" name="mobile" id="companyMobile" placeholder="联系电话"/>
                </div>
				<div>
                    <img src="../images/rightform3.png"/>
                    <input type="text" name="course_name" id="companyAddress" placeholder="课程名" maxlength="50" />
                </div>
                <p class="error company-tips" id="jsCompanyTips"></p>
				<input class="btn" type="text" id="jsStayBtn" value="立即咨询 >" />
            </form>
</div>


   
 <script>
        $(function () {
            $('#jsStayBtn').click(function () {
                {# 如果拿的是非表单类元素的值，用text()，如果是表单类元素用val() #}
                var name = $('#companyAddress').val()
                var phone = $('#companyMobile').val()
                var course = $('#companyAddress').val()
                $.ajax({
                    type: 'POST',
                    url:  '/operations/user_ask/',
                    data: {
                        "name": name,
                        "phone": phone,
                        "course": course,
                        "csrfmiddlewaretoken": '{{csrf_token}}'
                    },
                    success: function (callback) {
                        if (callback.status == 'ok') {
                            alert(callback.msg)
                        } else {
                            alert(callback.msg+"卧槽")
                        }
                    }
                })

            })

        })
    </script>

其中后端urls里的代码与下图：

这是我自己写的代码，有值得参考的地方欢迎借鉴，如果没有解决您的问题，留言可以看到，尽最大努力帮助你解决问题。