Ecstore中如何调用发起Ajax请求

时间:2021-12-23 19:03:24

Ecstore的JS框架使用了mootools,所以ajax调用也使用mootools中的Request组件。

语法:

var myRequest = new Request([options]);

参数:

  1. options - (object, 可选) 参见下列可选项

可选项:

  • url - (string: 默认为 null) 请求的目标URL
  • method - (string: 默认为 'post') HTTP请求方法, 可以是: 'post' 或 'get'
  • data - (string: 默认为 '') 为Request:send方法提供的默认请求参数
  • async - (boolean: 默认为 true) 如果为false, 则请求将以同步方式进行
  • encoding - (string: 默认为 "utf-8") 请求的编码方式
  • link - (string: 默认为 ignore) 可以为'ignore', 'cancel' 或 'chain'
    • 'ignore' - 当请求正在执行之中时,新的请求将被忽略
    • 'cancel' - 当请求正在执行之中时,将立即取消当前执行中的请求,开始执行新的请求
    • 'chain' - 当请求正在执行之中时,将会把新的请求链接在当前请求之后,依次执行所有请求
  • headers - (object) 请求头数据
  • isSuccess - (function) 可覆盖内置的isSuccess函数,可自定义请求成功的规则

看ecstore中的一个例子:

new Request({url:'index.php?app=b2c&ctl=admin_specification&act=check_spec_value_id',
onSuccess:function(re){
if(re=='can'){
row.remove();
}else{
MessageBox.error(re);
}
}
}).post('spec_value_id='+encodeURIComponent(specvid));

onSuccess是在ajax调用成功后返回,参数是响应内容ResponseText

Request还有两个扩展类:
Request.HTML 专门用于响应内容为HTML的请求,重要的参数有:
update - (element: 默认为 null) 请求响应的responseText要插入的目标元素
evalScripts - (boolean: 默认为 true) 如果为true, 则响应内容中script标签中的脚本内容将被执行
evalResponse - (boolean: 默认为 false) 如果为true, 则整个响应内容将被作为脚本来执行

Request.JSON 专门用于发送和接收JSON格式数据的请求,这里ajax调用后将返回一个json对像
示例:

var jsonRequest = new Request.JSON({
url: "http://site.com/tellMeAge.php",
onComplete: function(person, text){
alert(person.age); //显示 "25 years".
alert(person.height); //显示 "170 cm".
alert(person.weight); //显示 "120 kg".
}
}).get({
'firstName': 'John',
'lastName': 'Doe'
});

更多ecstore 问题可联系站长QQ 1611235299
Ecstore中如何调用发起Ajax请求