jQuery Ajax 使用 ($.ajax、$.post、$.get)
2016-03-19 16:21
966 查看
项目中只要涉及到前后台的交互,数据状态之间的交互,ajax是必不可少的。一般项目中jquery方式的ajax用的还是比较多的。封装的比较好,用起来也顺手,兼容浏览器之间的差异。
操作的方式有三种:
1.$.post(post方式)
2.$.get(get方式)
3.jQuery.ajax()(上面两种都可以)
2.data主要方式有三种,html手动拼接的,json格式数组,form表单经serialize()序列化的。
3.请求的url注意跨域的问题。注意路径的问题。
4.get方式请求注意参数 过长问题,不能超过255个字符。超过了就传递不过去了,后台也无法接受到。
5.不支持图片上传这种方式
操作的方式有三种:
1.$.post(post方式)
2.$.get(get方式)
3.jQuery.ajax()(上面两种都可以)
1.1.1. $.ajax请求的格式
$.ajax({ type: 'POST', url: url , data: data, success: function(data){}, dataType: dataType });
1.1.2. $.ajax的参数使用说明
url | 必需。请求的具体的地址(使用的时候注意路径是否正确,post不需要参数 get可以在后面直接跟参数信息比如”/jd/vrm/edit?id=1”) |
type | 必需.请求的方式 get或者post |
data | 可选。如果是post请求方式需要传递进去。形式{ one: 1, two: 2 } k,v形式 |
success | 可选。形式function(data){} data就是请求的url返回的具数值,可以根据自己的需求操作data. |
dataType | 可选。规定预期的服务器响应的数据类型。 默认执行智能判断(xml、json、script 或 html)。 |
1.1.3. $.ajax需要注意的一些地方
1.ajax请求不能重定向到具体的页面。2.data主要方式有三种,html手动拼接的,json格式数组,form表单经serialize()序列化的。
3.请求的url注意跨域的问题。注意路径的问题。
4.get方式请求注意参数 过长问题,不能超过255个字符。超过了就传递不过去了,后台也无法接受到。
5.不支持图片上传这种方式
1.1.4. $.ajax应用例子
$.ajax({ type:'post', url:'/zin.jd/vrm/edit?id=1', data:formParam, cache:false, dataType:'json', success:function(data){ } });
相关文章推荐
- jQuery Ajax 使用 ($.ajax、$.post、$.get)
- Html在线编辑器--基于Jquery的xhEditor轻量级编辑器
- jquery的返回顶端的功能实现
- 了解JQuery的事件绑定特性和事件命名空间机制,编写更好、更灵活的事件处理代码
- jQuery中删除节点方法remove()、detach()、empty()分析
- jquery获取复选框被选中的值
- javaScript & jquery完美判断图片是否加载完毕
- 正则表达式的简单语法及常用正则表达式 举例使用jquery获取url指定参数
- jQuery获取建立唯一ID
- JavaScript和jQuery的事件
- JQuery对HTML进行操作
- JS 遍历对象 jQuery遍历对象
- JS 遍历对象 jQuery遍历对象
- 用jquery向网页添加背景图片 拉伸 模糊 遮罩层 代码
- JS和Jquery操作label标签
- JS和Jquery操作label标签
- jquery动态创建json
- 日期选择器:jquery datepicker的使用
- jQuery ajax - ajax() 方法
- jQuery插件操作