jQuery Ajax 使用 ($.ajax、$.post、$.get)

项目中只要涉及到前后台的交互,数据状态之间的交互,ajax是必不可少的。一般项目中jquery方式的ajax用的还是比较多的。封装的比较好,用起来也顺手,兼容浏览器之间的差异。

操作的方式有三种:

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){
         }
     });  
上一篇:Python 基础API


下一篇:2018-2019-1 20189208《Linux内核原理与分析》第九周作业