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