摘要

ajax的写法不是唯一的，随着技术的进步，也有着不同的写法

一、ajax的常用写法

1.ajax常规写法

url:路由
type: 提交的类型
dataType: 数据的格式
data: 提交的数据，字典格式
success: 提交成功后的返回数据。函数中的data是必须要写的，无论有没有返回数据，如果有，返回的数据也在data中
error: 提交失败后要做的操作

$(document).ready(function(){
    $.ajax({
        url: '',
        type:'get',
        dataType: 'json',
        data: '',
        success: function(data){

                        },
        error： function(data){

}
})
})

2.ajax 其他写法

• get方式的写法

url ：路由
data：要传的数据
data： 成功后返回的数据
函数：返回后的处理方法

$.get(url, data,  function(data){
    
})

• post写法

$.post(url, data, function(data){

})

二、js表单提交

1.图片内容提交

submit 提交 ajaxSubmit
return false 不刷新整个页面

$('#').submit(function () {
    $(this).ajaxSubmit({
        url: '',
        type: '',
        datatype: 'json',
        success: function (data) {

        },
        error: function (data) {
            alert('返回失败')
        }
    });
    return false
})

2.普通内容提交

$('#').submit(function () {
 
    $.post(url, data, function (data) {
   
        }
    })
    return false
})

三、获取js中的提交内容

1.普通内容

request.form

例：

@house.route('/newhouse/', methods=['POST'])
def user_newhouse():
 # 这是获得表单的所有内容
    house_dict = request.form
   # 这是获取表单中的列表
    facility_ids = request.form.getlist('facility') 
   # 这是获取单个表单的内容
    house.title = house_dict.get('title')

2.文件内容

request.file

例：

@house.route('/images/', methods=['POST'])
def newhouse_image():

    images = request.files.get('house_image')
    images_url = os.path.join(os.path.join('/static', 'upload'), images.filename) # iamges.filename 是文件名
    return jsonify(code=status_code.OK, image_url=images_url)