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.htm
2. 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捕猎协会会长 Emir Uke部落首席大酋长,
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
--Atiend v8
Atitit v2 ajax 最佳实践规范 标准化流程attilax总结 r34相关推荐
- 17条 Swift 最佳实践规范
本文由CocoaChina译者小袋子(博客)翻译自schwa的github主页 原文作者:schwa 这是一篇 Swift 软件开发的最佳实践教程. 前言 这篇文章是我根据在 SwiftGraphi ...
- jboss启动初始页面_JBoss BRMS最佳实践– BPM流程初始化层的提示
jboss启动初始页面 我过去发布过一些有关迁移策略的文章,仔细研究了流程层,并提供了一些有关jBPM的最佳实践 ,它们都涉及到BPM策略的非常具体的部分. 我想重新讨论最佳实践的主题,然后在智能集成 ...
- Atitit 手机号码选号 规范 流程 attilax总结 v2 r99.docx
Atitit 手机号码选号 规范 流程 attilax总结 v2 r99.docx 1. Keyword关键词 1 2. 靓号的定义 1 3. 靓号的重要意义 与解决问题 为什么我们需要靓号指南, ...
- Atitit usrQBK1600 技术文档的规范标准化解决方案
Atitit usrQBK1600 技术文档的规范标准化解决方案 1.1. Keyword关键词..展关键词,横向拓展比较,纵向抽象细化拓展知识点1 1.2. 标题必须有高大上词汇,参考文章排行榜,1 ...
- Nature Chemistry | 化学机器学习的最佳实践:推荐的一套标准化指南
来源:专知本文约1000字,建议阅读5分钟 本文讨论了训练可靠.可重复和可再生模型的所需要素,并为机器学习报告推荐了一套指南. 摘要 基于机器学习的统计工具正在融入化学研究的工作流程.本文讨论了训练可 ...
- [Client]前端代码规范 及 最佳实践
前端代码规范 及 最佳实践 2014/10/29 | 分类: WEB前端, 工具与资源, 开发 | 0 条评论 | 标签: 代码规范, 前端开发, 最佳实践 分享到: 62 本文作者: 伯乐在线 - ...
- [转载]前端代码规范 及 最佳实践
http://blog.jobbole.com/79075/#_general_practices 本文作者: 伯乐在线 - 老码农 .未经许可,禁止转载! 欢迎分享原创到伯乐头条. 本文来自 Iso ...
- Atitit 手机号码选号 规范 流程 attilax总结 v4 s81.docx 1. Keyword关键词 2 2. 靓号的定义 2 3. 靓号的重要意义 与解决问题 为什么我们需要靓号
Atitit 手机号码选号 规范 流程 attilax总结 v4 s81.docx 1. Keyword关键词 2 2. 靓号的定义 2 3. 靓号的重要意义 与解决问题 为什么我们需要靓号指南, ...
- 前端代码规范及最佳实践
本文来自 Isobar公司 的 github repo 中文版 翻译: @老码农的自留地 概述 本文档包含了Isobar公司的创意技术部(前端工程)开发web应用的规范.现在我们把它开放给任何希望了解 ...
- 前端代码规范 及 最佳实践
本文来自 Isobar公司 的 github repo 中文版 翻译: @老码农的自留地 概述 本文档包含了Isobar公司的创意技术部(前端工程)开发web应用的规范.现在我们把它开放给任何希望了解 ...
最新文章
- 【Win32 API学习]打开可执行文件
- JAVA中复制数组的方法
- python大神-Python代码怎么写,听听顶尖Python大神的建议
- SCI录用的最后一步——答复审稿人的策略和答复信的写作技巧
- 使用 Carla 和 Python 的自动驾驶汽车第 2 部分 —— 控制汽车并获取传感器数据
- PHP 常用数据库操作
- 雷神开机logo更改_国产外星人雷神再发新品 911MT逐影者RTX2060光追游戏本评测
- mysql id还原_一次线上DB问题排查(MySQL、事务、MVCC)
- 1、MapReduce理论简介
- jvm堆内存设置原理
- stl vector与list详细对比
- BAT中for循环如何执行多条命令
- 工具-破解pdf密码
- python人民币转大写_Python人民币大写转换代码
- matlab绿屏抠像代码,DV影像素材抠像效果研究
- Remix部署契约时出现错误:creation of Ballot errored: Error encoding arguments: Error: expected array value (ar
- 线性代数《Linear Algebra and Its Application》学习总结
- linux识别不了喇叭,Ubuntu扬声器无声的解决方法
- 并发编程系列之并发编程的认识
- 三网话费接口API 文档
热门文章
- 数据结构知识点总结pdf_闭关修炼31天,“啃完”346页pdf,我终于四面拿下阿里offer!...
- oschina的技术架构 使用 Live Writer 在 oschina 上写博客
- Libnet核心数据结构
- OC_UISlider
- 四 Lync Server 2013 部署指南-前端部署(2)
- 阿里云前端周刊 - 第 18 期
- javascript异步代码的回调地狱以及JQuery.deferred提供的promise解决方式
- zabbix客户端部署
- Maven 插件介绍
- 高焕堂Android架构技术全集