Atitit v2 ajax 最佳实践规范 标准化流程attilax总结 r34
Atitit v2 ajax 最佳实践规范 标准化流程attilax总结 r34 1.1. 推荐使用fetch ,w3c标准 1 1.2. 基本用法fetch加es6 lambda语法 箭头函数 1 1.3. Post方法等选项属性设置 2 1.4. 处理 JSON响应 2 1.5. 其他资料参考 fetch简介 新一代Ajax API - 铁锚的CSDN博客 - 博客频道 - CSDN.NET.htm 3 2. Jq法 3 2.1. jQuery AJAX 3 2.2. 一般接口使用get模式更加简单快捷 3 2.3. $.ajax比较通用,单较为繁琐 3 2.4. ¥load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 3 3. 参考资料 4 1.1.推荐使用fetch ,w3c标准其次jq。。 fetch是全局量window的一个方法,第一个参数是URL:
Window.featch api的兼容性还是可以的。Es6的兼容性貌似一般。 测试可以使用chrome56 是可以的。。 1.2.基本用法fetch加es6 lambda语法 箭头函数////convert to json object fetch(url).then(response => response.json()) .then(data => { console.log("---line1:"); console.log("---data:"+data); console.log("---line2:"); } ) .catch(e => console.log("Oops,error",e)); 1.3.Post方法等选项属性设置var fetchOption={ method:"POST", body: JSON.stringify({ pageIndex:0 }) }; ////convert to json object fetch(url,fetchOption).then 1.4.处理 JSON响应假设需要请求 JSON —— 回调结果对象 response 中有一个json()方法,用来将原始数据转换成 JavaScript 对象: fetch('https://davidwalsh.name/demo/arsenal.json').then(function(response) { // 转换为 JSON return response.json(); }).then(function(j) { // 现在,`j` 是一个 JavaScript object console.log(j); }); 当然这很简单,只是封装了JSON.parse(jsonString)而已,但json方法还是很方便的。 1.5.其他资料参考 fetch简介 新一代Ajax API - 铁锚的CSDN博客 - 博客频道 - CSDN.NET.htm2.Jq法使用jq有几种模式。 2.1.jQuery AJAX·jQuery AJAX 简介 ·jQuery 加载 ·jQuery Get/Post 2.2.一般接口使用get模式更加简单快捷var url="http://localhost:8080/AjaxJsbridge_HttpparamMode_servlet?m=com.attilax.db.DbServiceV4qb9.executeQuery&p1=select+*+from+ecs_users+limit+10&iocFac=com.attilax.ioc.Ioc4other"; $.get(url,function(data,status){ console.log("Data: " + data + "nStatus: " + status); var list_data2 = eval("(" + data + ")"); console.log("--tag2"); VueObj1.$data.list_data1=list_data2; }); 2.3.$.ajax比较通用,单较为繁琐2.4.¥load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
3.参考资料fetch简介 新一代Ajax API - 铁锚的CSDN博客 - 博客频道 - CSDN.NET.htm 作者attilax 艾龙 qq 1466519819 作者::绰号:老哇的爪子claw of Eagle偶像破坏者Iconoclast image-smasher 捕鸟王"Bird Catcher kok虔诚者Pious宗教信仰捍卫者Defender Of the Faith.卡拉卡拉红斗篷Caracalla red cloak万兽之王 简称::Emir Attilax Akbar埃米尔 阿提拉克斯 阿克巴 全名::Emir Attilax Akbar bin Mahmud bin attila bin Solomon bin adam Al Rapanui埃米尔 阿提拉克斯 阿克巴 本 马哈茂德 本 阿提拉 本 所罗门 本亚当 阿尔 拉帕努伊 常用名:艾提拉(艾龙),EMAIL:1466519819@qq.com 头衔:uke总部o2o负责人,全球网格化项目创始人, uke交友协会会长uke捕猎协会会长EmirUke部落首席大酋长, uke宗教与文化融合事务部部长,uke宗教改革委员会副主席 uke制度与重大会议委员会委员长,uke保安部首席大队长,uke制度检查委员会副会长, uke首席cto 软件部门总监 技术部副总监 研发部门总监主管 产品部副经理 项目部副经理uke科技研究院院长uke软件培训大师 uke波利尼西亚区大区连锁负责人 汤加王国区域负责人uke克尔格伦群岛区连锁负责人,莱恩群岛区连锁负责人,uke布维岛和南乔治亚和南桑威奇群岛大区连锁负责人 Uke软件标准化协会理事长理事长Uke数据库与存储标准化协会副会长 uke终身教育学校副校长 Uke医院 与医学院方面的创始人 uec学院校长,uecip图像处理机器视觉专业系主任 uke文档检索专业系主任 Uke图像处理与机器视觉学院首席院长 Uke户外运动协会理事长 度假村首席大村长 uke出版社编辑总编 转载请注明来源:attilax的专栏 ?http://blog.csdn.net/attilax --Atiendv8 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |