Ajax

2247 ワード

ajax JavaScript json API テキストリンク

Ajaxとは?
JavaScriptを使用してページを変換することなく、サーバ上でAPIウィンドウを介してJSON形式で値を受信する方法.
*注意)AjaxはjQueryをインポートしたページでのみ実行できます!
APIの主なフォーマット

GET:データ照会(読み出し)を要求する場合(ムービーリスト照会等)

POST:データの作成、更新、削除を要求する場合
(会員加入/脱退、ロット番号修正等)

JSON形式はlistとdicの組み合わせと同じです.(jsonviewで表示)
リストには、複数のdic:Javascriptのfor反復文の典型的なモードが含まれています.

for (let i = 0; i < something.length; i++) {

let name = rows[i][‘stationName’] 
let temp_html = `${name}`
$(‘#위치’).append(temp_html) }

for文とtemp htmlを同時に使用できます.
ajax形式

$.ajax({
  type: "GET",
  url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99",
  data: {},
  success: function(response){
    let rows = response['RealtimeCityAir']['row']
    for (let i = 0; i < rows.length; i++){
        let gu_name = rows[i]['MSRSTE_NM']
        let gu_mise = rows[i]['IDEX_MVL']
        if (gu_mise < 70) {
        console.log(gu_name,gu_mise)
        }
    }
  }
})

GET方式でurlの情報を受信し,応答値を受信する.
必要な応答値(ex.rows)を設定します.
文に羅列する.

 let temp_html = ``
      if (gu_mise > 70) {
      	temp_html = `<li class="bad">${gu_name} : ${gu_mise}</li>`
      } else {
        temp_html = `<li>${gu_name} : ${gu_mise}</li>`
      }
      $('#names-q1').append(temp_html)

リストされた値をtemp html文字列として作成し、$(「#必要な場所」)に表示します.

Reference

この問題について(Ajax), 我々は、より多くの情報をここで見つけました https://velog.io/@aljireh/Ajax

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

MySQL

Android BLEの概要