Client Actionでfetchしてみた

outsystems

Last updated at 2024-01-21Posted at 2024-01-21

こちらの郵便番号WebAPIを使用させていただきます
https://anko.education/webapi/zipcode

とのことです

Screenを右クリック、Add Local VariableでVarZipcodeを作成

ScreenにInputを配置し、VarZipcodeを設定

ScreenにButtonを配置、ダブルクリック

JavaScriptを配置、VarZipcodeを渡し、その上のJavaScriptをダブルクリック（または...をクリック）

Parametersを右クリックして、Add Output Parameter

JavaScriptを記述します

私はJavaScirpt歴は深くないのでコピペです
fetchは非同期らしくresolveを入れたらなおりました
エラー処理も？？？なので、その点、注意してください

 let txt = "https://api.anko.education/zipcode?zipcode=" + $parameters.VarZipcode;
 
  func1 = async function (){
    let result = await fetch(txt);
    let text = await result.text();
    console.log(text);

    $resolve();

    $parameters.Out1 = text;
    
  }
  func1();