ネットワークAJAX APIをリクエストします

より転載：

https://www.cnblogs.com/kudsu/p/9620726.html

直接コードに、ロングったらしいです：

ます。http：//api.asilu.com/weather/コールバック=のgetName＆都市=深セン1は、ブラウザにURLを入力してください？

次のような結果が表示されます。彼は、JSONデータを返します

/ ** api.asilu.com ** /のgetName（{ "都市"： "深圳"、 "PM25"： "28"、 "天気"：[{ "日付"： "周一09月10日"、 "ICON1 "：" \ / duoyun日」、 "ICON2"： "\ / duoyun夜"、 "天気"： "多云"、 "風"： "无持续风向微风"、 "TEMP"： "31〜25℃"} 、{ "日付"： "周二"、 "ICON1"： "日\ / duoyun"、 "ICON2"： "夜\ / duoyun"、 "天気"： "多云"、 "風"： "无持续风向微风" 、 "TEMP"： "31〜27℃"}、{ "日付"： "周三"、 "ICON1"： "日\ / leizhenyu"、 "ICON2"： "夜\ / leizhenyu"、 "天気"： "雷阵雨" "風"： "东风4-5级"、 "TEMP"： "31〜26℃"}、{ "日付"： "周四"、"ICON1 "：" 日\ /宇君 " "ICON2"： "夜\ /宇君"、 "天気"： "阵雨"、 "風"： "东风3-4级"、 "TEMP"：" 30〜26℃ "}]、" 日付 "：" 2018年9月10" 日、 "ID" "101280601"、 "T"：1536508800}）。

このように仕上げた後：

/ ** api.asilu.com ** / 
のgetName（{ 
    "都市"： "深圳"、
    "PM25"： "28"、
    "天気"：[{ 
        "日付"： "周一09月10日"、
        「ICON1 「： "\ / duoyun日"、
        "ICON2"： "\ / duoyun夜"、
        "天気"： "多云"、
        "風"： "无持续风向微风"、
        "TEMP"： "31〜25℃" 
    } 、{ 
        "日付"： "周二"、
        "ICON1"： "日\ / duoyun"、
        "ICON2"： "夜\ / duoyun"、
        "天気"： "多云"、
        "風"： "いいえ持続的な風のそよ風ない」、 
        "TEMP "："。31は27度である] C〜" 
    }、{ 
        "DATE "："水曜日"、
        "ICON1 "："日\ / leizhenyu"、
        "ICON2 "：" \ / leizhenyu夜"、
        "天気"： "雷阵雨"、 
        "風「： 「東風4-5」
        "TEMP"： "31〜26℃" 
    }、{ 
        "日付"： "周四"、
        "ICON1"： "日\ /宇君"、
        "ICON2"：「夜\ /宇君」、
        "天気"： "阵雨"、
        "風"： "东风3-4级"、
        "TEMP"： "30〜26℃" 
    }]、
    "日付"： "2018年9月10日"、
    "ID" "101280601"、
    "T"：1536508800 
}）。

2、どのように上記のJSONデータを取得するには？それは簡単です：

<！DOCTYPE HTML> 
<HTML> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <タイトル>アヤックス</ TITLE> 
</ HEAD> 
<BODY> 
    <H1>天气查询</ H1> 
    の<input type =」テキスト」プレースホルダ= "请输出你的地址" ID = "TEL" /> 
    <ボタンID = "AJAX">确定</ボタン> 
    <P> <スパンID = "reslut"> </ span>を</ P> 
    <スクリプトタイプ= "テキスト/ javascriptの" SRC = "jqueryの-3.3.1 / jqueryの-3.3.1.js"> </ SCRIPT> 
    <スクリプトタイプ= "テキスト/ javascriptの"> 
    $（関数（）{ 
        $（」 #ajax '）。上（'クリック'機能（）{ 
            VAR $ telValue = $（'#tel '）のVal（）;. 
            IF（$ telValue == ""）{ 
                アラート（'「）空でないが;! 
                返します; 
            } 
            $アヤックス（{
                タイプ： 'GET'、
                データ型： 'JSONP'、
                URL：「http://api.asilu.com/weather/?callback=getname&city='+$telValue、
                成功：機能（データ）{ 
                    VAR =データreslutData; 
                    コンソール.logの（reslutData）;     
                    $（ '＃のreslut'）テキスト。（ "あなたのクエリがある：" + reslutData.city + "" + " 天気明日です：" + reslutData.weather [0] .weather）; 
                }              
            }）
        }）        
    }）
    </ SCRIPT> 
</ BODY> 
</ HTML>

ネットワークAJAX APIをリクエストします

おすすめ