ajax与form

前端之家收集整理的这篇文章主要介绍了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模块接收提交信息

原文链接:https://www.f2er.com/ajax/161498.html

猜你在找的Ajax相关文章