ajax与form

1.问题：Java后台返回编码415——ajax报错Unsupported Media Type

过程

1. 查看Network

2. 发现：error:Unsupported Media Type

解决

查看之后是不支持的媒介类型也就是contentType和后台没有对上，故加属性，同时数据需要JSON.stringify()解决

$.ajax({
            type:'post',url:'',datatype:'json',contentType:'application/json',data:JSON.stringify(data),beforeSend:function(){},success:function(){},complete:function(){}
        })

2.ajax与form

2.1. form中注意点

• input select textarea 表单上有个name属性 提供给服务端接收数据用

• 默认请求方式get

2.2 get和post异同

• get 参数放在url上 url?key=val&key1=val1 get传递参数大小约4K

• post 参数在body体重，因此看不到传递的参数 post传递的数据大小没有限制

• 文件上传 必须这样写

<form enctype=multiple-formdata method="post">
        <input type="file">
</form>

3.注意

3.1 jQuery帮我们封装好的一个专门处理表单的方法

<input type="text" name="key">
<input type="text" name="key1">
$('form').serialize();序列化表单数据 key=val&key1=val1
因此表单中一定要有name属性

3.2 jquery的post方法
选用post方法的时候一定要有form标签
只有这样浏览器才会自动加上Content-Type,这样才能后台识别
例如：node后台，就可以使用formidable模块接收提交信息

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!