ajax 通信,HUI

ajax 说明

hui 对 XMLHttpRequest对象进行了封装，我们可以进行便捷的ajax操作。

跨域说明

app 端无需跨域，移动web端在统一站点内也无需跨域，不同域名操作才需要跨域，关于跨域请看下文：

《ajax跨域常见方法》http://www.hcoder.net/share/topic_263.html

hui.get(url, success, err)

get请求，请求返回内容格式 : text/html

参数 :

1、请求地址

2、请求成功后执行的回调函数

3、请求错误时执行的回调函数

示例 :hui.get(

'http://hoa.hcoder.net/index.php',

function(msg){

console.log(msg);

hui.upToast(msg);

},

function(e){

hui.iconToast('读取消息失败', 'warn');

}

);

hui.getJSON(url, success, err)get请求，请求返回内容格式 : JSON对象参数 :

1、请求地址

2、请求成功后执行的回调函数

3、请求错误时执行的回调函数示例 :hui.getJSON(

'http://hoa.hcoder.net/index.php?m=getJson',

function(msg){

console.log(msg);

hui.upToast(msg.name +' 版本 : ' + msg.verson);

},

function(e){

hui.iconToast('读取消息失败', 'warn');

}

);

hui.post(url, pd, success, err)post请求，请求返回内容格式 : text/html参数 :

1、请求地址

2、post数据 {对象形式}

3、请求成功后执行的回调函数

4、请求错误时执行的回调函数示例 :hui.post(

'http://hoa.hcoder.net/index.php',

{name:'hcoder', age:18},

function(msg){

console.log(msg);

hui.upToast(msg);

},

function(e){

hui.iconToast('读取消息失败', 'warn');

}

);

hui.postJSON(url, pd, success, err)post请求，请求返回内容格式 : JSON对象参数 :

1、请求地址

2、post数据对象形式

3、请求成功后执行的回调函数

4、请求错误时执行的回调函数(可选参数)

示例 :hui.postJSON(

'http://hoa.hcoder.net/index.php',

{name:'hcoder', age:20},

function(msg){

console.log(msg);

hui.upToast(msg.name +' age : ' + msg.age);

},

function(e){

hui.iconToast('读取消息失败', 'warn');

}

);

hui.ajax({sets})

基础ajax函数，当以上4个函数无法满足开发需求时使用，通过sets对象完成ajax的设置。

sets 对象属性sets.type 请求类型 POST或者GET，默认GET

sets.timeout 超时时间设置(默认永不超时)

sets.backType 请求返回类型 HTML、JSON，默认 HTML

sets.data post 请求数据 {} 对象形式

sets.beforeSend 请求前执行的函数

sets.complete 请求完成执行的函数，不论成功失败都会执行

sets.success 请求成功后执行的回调函数

sets.error 请求失败时执行的回调函数

sets.async 是否异步执行，默认 true

sets.header 发送请求头数据格式： [ [''Content-Type'', "application/x-www-form-urlencoded"],[x, x] ]，ajax执行前会遍历此数组进行请求头信息的

示例hui.ajax({

type : 'POST',

url : 'http://hoa.hcoder.net',

data : {name:'hcoder', age:10},

beforeSend : function(){hui.loading();},

complete   : function(){hui.closeLoading();},

success : function(msg){hui.upToast(msg);},

error : function(e){

console.log(JSON.stringify(e));

hui.iconToast('读取消息失败', 'warn');

}

});