Atitit v2 ajax 最佳实践规范标准化流程attilax总结 r34

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捕猎协会会长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

Atitit v2 ajax 最佳实践规范 标准化流程attilax总结 r34