数据分析之Ajax(收集个人信息,在控制台显示)

岁月y

已于 2022-02-15 09:30:28 修改

阅读量837

点赞数

文章标签：数据分析 ajax 前端

于 2022-02-14 11:39:02 首次发布

本文链接：https://blog.csdn.net/weixin_66448906/article/details/122919899

版权

本文介绍了如何利用Ajax在前端收集个人信息，并通过后端的json响应在控制台展示。通过Django创建项目，详细讲解了从Ajax调用到数据序列化和反序列化的流程。

摘要由CSDN通过智能技术生成

内容：使用Ajax收集前端输入的个人信息，后端获取数据之后，使用json返回前端，前端获取json数据之后再解析显示

首先还是在PyCharm创建一个django包
然后完成以下步骤

在这里插入图片描述这行代码记得注释
blls，views和urls代码如图所示：

commons.js 代码如下：

;

function createXhr() {
   
    var xhr
    if (XMLHttpRequest) {
   
        xhr = new XMLHttpRequest()
    } else {
   
        var versions = ['Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.4.0',
            'Msxml2.XMLHTTP.2.0', 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP']
        for (var i = 0; i < versions.length; i++) {
   
            try {
   
                xhr = new ActiveXObject(versions[i])
                break
            } catch (e) {
   
            }
        }
    }
    return xhr
}

;

function ajax_get(url, callback) {
   
    //1.
    var xhr = createXhr()
    if (xhr) {
   
        //2.
        if (callback) {
   
            xhr.onreadystatechange = function () {
   
                callback(xhr)
            }
        }
        //