Django框架通过ajax和后端交互

# 示例add_testcase.html

<button type="button" class="am-btn am-btn-success am-radius"
       onclick="info_ajax('#form_message', '/api/add_testcase/')">点 击 提 交
</button>
# 通过点击操作，调用js文件commons.js中的info_ajax文件，包含两个传参

/*示例 commons.js*/
/*表单信息异步传输*/
function info_ajax(id, url) {
    var data = $(id).serializeJSON();
    if (id === '#add_task') {
        var include = [];
        var i = 0;
        $("ul#pre_case li a").each(function () {
            include[i++] = [$(this).attr('id'), $(this).text()];
        });
        data['module'] = include;
    }

    $.ajax({
        type: 'post', /*请求方法为POST*/
        url: url,

采用ajax需要注意的是： \1. form表单中省去active和method，都在ajax中书写； \2. 提交按钮出的，要将submit改为button， 因为我们表单中书写的内容并不通过表单提交，而是通过ajax提交； \3. 前后端数据交换通过json的方式进行。