エンジニアのひよこ_level10

【毎日更新!】新卒2年目エンジニアブログです! プログラムだけじゃなく、マネジメントとかも書いていきたい!

【JavaScript】JSからApiや他ページを見る方法2つ【307日目】

こんな時使う

<a href="/"></a>

こんなふうにリンクを作るんじゃなく、

<button onClick="requestApi()"></button>

のように、JSでどこかのページを呼び出したい。

入力がある時だけページを呼び出すとか、if文を使いたい時とか。

1.ページ遷移

  location.href = '/home';

だけ。簡単だね!

2.jQueryapi呼び出し

  var ipass = [
    'id' => $('#id').val(),
    'password' => $('#password').val()
  ];
 
  $.post('/api/login', ipass)
  .done(function( data ) {
      alart('ログインできたよ!');
  });

こんな感じにすれば、ログイン処理とかかけますね。

jQuery.post() | jQuery API Documentation

注意

JavaScriptは、ユーザーにも見えてしまうコードなので、うっかり大事なパスワードとかを
書いたりしないように!