Simple Teeda Ajax Example

Teeda Ajaxの基本機能のExampleです


Plain Textを受け取る

javascript

  var startAjax = function(){
    function ajax_ajaxPage_ajaxStartAjax(res){
      var result = $i('result');
      result.innerHTML = res;
    }
    Kumu.Ajax.executeTeedaAjax(ajax_ajaxPage_ajaxStartAjax, [], Kumu.Ajax.RESPONSE_TYPE_TEXT);
  };
ここが変わります

Objectを受け取る

renderメソッドを使用しています

javascript

  var startAjaxObject = function(){
    function ajax_ajaxPage_ajaxStartAjaxObject(res){
      Kumu.Ajax.render(res);
    }
    Kumu.Ajax.executeTeedaAjax(ajax_ajaxPage_ajaxStartAjaxObject, []);
  };
ここが変わります
ここが変わります

Listを受け取る

renderメソッドを使用しています

javascript

  var startAjaxList = function(){
    function ajax_ajaxPage_ajaxStartAjaxList(res){
      Kumu.Ajax.render(res);
    }
    Kumu.Ajax.executeTeedaAjax(ajax_ajaxPage_ajaxStartAjaxList, []);
  };
No UserName

comboboxの連携

javascript

  var clearOptions = function(select){
    var listcnt = select.length;
    for(var i = listcnt - 1; i >= 0; i--){
      select.options[i] = null;
    }
  };

  var combinationList = function(evt){
    var elem = evt.target || evt.srcElement;
    var value = elem.value;
    function ajax_ajaxPage_ajaxCombinationList(res){
      var select = $i('sample2');
      clearOptions(select);
      var i = 0;      
      res.map(function(v){
        select.options[i] = new Option(v.label,v.value);
        i++;
      });
    };
    
    Kumu.Ajax.executeTeedaAjax(ajax_ajaxPage_ajaxCombinationList, [value]);
  };
変更すると隣のコンボボックスの内容が変わります。