ic ajax指令 - Julienedies/brick GitHub Wiki

使用

<div ic-ctrl="mainCtrl">
     <button class="btn icon icon-add" 
             data-code="600837_SH_EQ"
             ic-ajax
             ic-submit-action="/center/addOS" 
             ic-submit-before="myStocks.add.before"
             ic-submit-on-done="myStocks.add.done"
             ic-submit-on-failed="myStocks.add.failed"></button>
     <span>添加到我的个人中心</span>
 </div>

查看example

相关选项

  • ic-ajax #为该dom元素绑定ajax行为,默认通过click事件触发;
  • ic-submit-action #定义ajax请求url地址;
  • ic-submit-method #定义ajax请求类型,get,post,默认为post;可选;
  • ic-submit-data-type #定义ajax请求接受数据类型,默认为json;可选;
  • ic-submit-data #定义ajax请求提交数据;可选;实际使用中通常在ic-submit-before callback 中设置提交数据;
  • ic-submit-before #定义ajax请求发出前回调函数,可以在此回调函数中设置提交数据。如果该函数返回false,ajax请求不会发出。
  • ic-submit-on-done #定义ajax请求成功回调函数,同jQuery ajax sucess callback;
  • ic-submit-on-failed #定义ajax请求失败回调函数,同jQuery ajax failed callback;
  • ic-submit-on-always #定义ajax请求完成回调函数,同jQuery ajax complete callback;

note:所有回调函数会跟据名字从所属最近的控制器、父级控制器、全局命名空间依次查找。

相关dom元素选项

ic-role-loading #声明该dom元素为ajax请求时显示的loading元素。

js接口

//触发该dom元素上绑定的ajax行为;
$('[ic-ajax=x]').icAjax();  
//禁止该dom元素的ajax行为;通常用于ic-submit-before callback;
$('[ic-ajax=x]').icAjax({disabled:true}); 
//设定ajax提交数据;通常用于ic-submit-before callback;
$('[ic-ajax=x]').icAjax({data:{x:1}}); 

事件

无。

样式

无。

⚠️ **GitHub.com Fallback** ⚠️