标签：jquery 设定 封装 请求 get json ajax jsonp 函数
// jQuery中封装了3种 ajax 请求方式 // 1, get请求方式 // 2, post请求方式 // 3, 综合请求方式// 1, get请求方式 // 语法 : $().get( {以对象的形式,定义4个参数} ) // 只有 url地址,是必要参数,其他可以不写 // get方式,不能post方式请求,不能跨域
/* $().get({ url:'请求地址', data:携带的参数 对象形式 dataType:默认值是string,以字符串的形式解析响应体 可以设定 'json' 以 json串形式解析响应体 success:请求成功时执行的回调函数 }) */
// 2, post请求方式 // 语法 : $.post( {以对象的形式,定义4个参数} ) // 只有 url地址,是必要参数,其他可以不写 // post方式,不能get方式请求,不能跨域
/* $.post({ url:'请求地址', data:携带的参数 对象形式 dataType:默认值是string,以字符串的形式解析响应体 可以设定 'json' 以 json串形式解析响应体 success:请求成功时执行的回调函数 }) */
// 3, 混合方式 // $.ajax(对象的形式定义参数)
/* $.ajax({ url 请求地址,必须写 type/method : 请求方式 默认是 get data : {} 携带的参数 dataType : 响应体格式,默认是 text 字符串 json 自动解析响应体中的json字符串 jsonp 以jsonp的形式完成跨域请求 success:function(){} 请求成功的回调函数 jsonp:回调函数名称存储的键名
不常用的参数: async : 定义是否异步执行ajax请求 默认值是 true 默认是异步请求 error : 请求失败时,执行的回调函数 timeout : 设定请求超时 超过设定的会认为是请求失败 cache : 设定是否缓存 只对get请求起作用 context: 指定 执行函数中的this指向 }) */
// 4, 混合方式执行跨域请求 // 代理方式完成跨域 // 必须要设置好代理 // 设定请求地址时,使用 代理 来设定请求地址 // 其他的请求参数设定与正常形式一样
// 5, 混合方式执行跨区请求 // jsonp方式完成跨域 // ajax 的jsonp方式完成跨域,会自动定义一个函数名称并且自动传参,我们自己不用定义 // 只需要将dataType 定义为 jsonp 格式 // 会自动以jsonp的格式,对跨域完成请求
// 要想通过 jQuery 封装的 ajax 完成 jsonp 请求 // 1, 请求中,必须设定参数 // 需要将dataType 设定为 jsonp 格式 // dataType 为了完成跨域,不能设定成json,不会自动解析json串格式的响应内容 // 需要设定 jsonp: 'fun', 传参函数名称的 键值对 键名 // 在 fun 中 会 存储 jQuery自动封装的函数名称 // 还会自动传参 当前时间戳 //
// 2, php后端程序 , 必须是以函数的形式,返回内容 // 返回的响应体是函数的实参 // php后端返回的结果,必须是设定好的数据类型结果,如果是json字符串的格式 // 必须要在 回调函数中单独处理响应结果 // 总结: // 1, jsonp 只能是 get 请求方式 // 2, jQuery会在ajax中自动封装,函数名称和时间戳,以参数的形式传参给后端PHP程序 // 3, 设定 ajax 请求 必修要 // dataType,定义为 jsonp // jsonp , 传参函数名称的 键名 ,后端程序可以接收存储函数名称 // 4, 时间戳不用定义 键名 , jQuery自动定义键名 _ // 5, 应为 dataType 定义成了 jsonp // 如果后端返回结果是 json串格式 内容,必须要在回调函数中独立处理转化为 对应数据类型 // 6, 后端程序,需要通过 jsonp 定义的键名 存储 函数函数名称 // 以函数参数的形式,返回响应体内容
标签：jquery,设定,封装,请求,get,json,ajax,jsonp,函数 来源： https://www.cnblogs.com/ht955/p/14113784.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。