Ajaxベーススケルトン

2547 ワード
テキストリンク
Ajaxベーススケルトン
$.ajax({
  type: "GET",
  url: "여기에URL을입력",
  data: {},
  success: function(response){
    console.log(response)
  }
})
もしも
Uncaught TypeError: $.ajax is not a function
このようなエラーが発生した場合、それはjQueryがインポートされていないためです.
Ajaxは、jQueryをインポートしたページでのみ実行されます.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
(Jクエリインポートコード)
ソース:https://www.w3schools.com/jquery/jquery_get_started.asp
Ajax基本スケルトンコード説明
$.ajax({
  type: "GET", // GET 방식으로 요청한다.
  url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99",
  data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요)
  success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음
    console.log(response) // 서버에서 준 결과를 이용해서 나머지 코드를 작성
  }
})

  • type:「GET」→GETでお願いします.

  • url:リクエストurl

  • data:要求時に同時にデータ行を空に保持する(GET要求時に空に保持する)
    考え直す
    GETリクエストはurlの後ろにデータを貼り付け、以下のようにします.
    http://naver.com?param=value¶m2=value2
    POST要求は、データをデータ:{}に入れることでデータを取得する.
    data: { param: 'value', param2: 'value2' },

  • ≪成功｜Succeeded｜ldap≫:成功した場合、応答値にサーバーの結果値を含めて関数を実行します.結果がどのように反応したのか理解しようとしないで、やはり受け入れましょう.
    • success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음
  console.log(response) 
}
    [Basic JS]Arrow FunctionとFunctionの違い
    たけいせい