ホームページ JS特殊効果 jQueryの効果 jQuery に都市を入力して天気予報コードをクエリする

jQuery に都市を入力して天気予報コードをクエリする

jQuery に都市を入力して天気予報コードをクエリする

jQuery に都市を入力して天気予報コードをクエリする

これは、Baidu が提供するインターフェイスを使用して実装された都市クエリ天気予報の jQuery フォーム入力コードです。

jsコード
<スクリプトタイプ="text/javascript">
$("input[type=button]").on("click",function(){

var cityName=document.querySelector("#cityName").value;
//クロスドメインはブラウザのセキュリティ ポリシーです。
//今jQueryを使っているのですが、jQueryを解決する方法
//jQuery ソリューション
$.ajax({
URL:"http://api.map.baidu.com/telematics/v3/weather",
タイプ:「get」、
データ:{
場所:都市名、
出力:'json'、
ak:'6tYzTvGZSOpYB5Oc2YGGOKt8'
},
/*サーバーから返されることが予想されるデータ型。現在クロスドメインであると仮定して、jsonp に変更します。 */
データ型:"jsonp",
成功:関数(データ){
コンソール.ログ(データ)
//Baidu からデータが戻ってきたので、このデータを解析したいと思います。
var WeatherData=data.results[0].weather_data;
var obj={
リスト:天気データ
}
var html=template("templateId",obj);
document.querySelector("テーブル").innerHTML=html;

}
})


})

</スクリプト>
免責事項

このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn

関連記事

Python と Baidu Map API を使用して都市の天気予報情報を取得するにはどうすればよいですか? Python と Baidu Map API を使用して都市の天気予報情報を取得するにはどうすればよいですか?

31 Jul 2023

Python と Baidu Map API を使用して都市の天気予報情報を取得するにはどうすればよいですか?はじめに: 天気予報は私たちの日常生活において重要な指針の役割を果たしています。この記事では、Python プログラミング言語と Baidu Map API を使用して都市の天気予報情報を取得し、気象状況を正確に把握する方法を紹介します。まず、Baidu 開発者アカウントを登録し、アプリケーションを作成する必要があります。アプリケーションの作成後、Baidu は、Baidu Map API を使用した権限認証用の APIKey のペアを提供します。キャッチ

jQueryを使用して、選択した国に基づいてカスケードドロップダウンに都市を入力するにはどうすればよいですか? jQueryを使用して、選択した国に基づいてカスケードドロップダウンに都市を入力するにはどうすればよいですか?

29 Oct 2024

JQuery を使用してカスケード ドロップダウンにデータを設定する問題: JQuery を使用して 2 つのドロップダウン (国と都市) を持つ動的フォームを作成することを目的としています。

jQuery に都市を入力して地図を表示する使い方の紹介_jquery jQuery に都市を入力して地図を表示する使い方の紹介_jquery

16 May 2016

任意の国と都市を「,」で区切って入力します。設定の下のハイパーリンクをクリックして、この都市の地図ページに移動します。地図がポップアップ表示されます。

Java コードを介して Amap API を呼び出して、行政区画クエリに対する人気のある都市の推奨事項を実装する方法 Java コードを介して Amap API を呼び出して、行政区画クエリに対する人気のある都市の推奨事項を実装する方法

01 Aug 2023

Java コードを通じて Amap API を呼び出して、行政区画クエリに対する一般的な都市の推奨事項を実装する方法 はじめに: Amap は豊富な API インターフェイスを提供しており、その中で行政区画クエリ インターフェイスは都市の行政区画のクエリに役立ちます。人気の都市。この記事では、Java コードを通じて Amap API を呼び出し、行政区画クエリに対する人気のある都市の推奨事項を実装する方法を紹介します。ステップ 1: AutoNavi 開発者アカウントを申請して APIKey を取得する まず、AutoNavi 公式 Web サイトで開発者を登録する必要があります

jqueryのハート型のいいね効果とフォロー効果の簡単な実装 jqueryのハート型のいいね効果とフォロー効果の簡単な実装

07 Dec 2016

jqueryのハート型のいいね効果とフォロー効果の簡単な実装

jqueryアニメーションエフェクト学習メモ(8つのエフェクト)_jquery jqueryアニメーションエフェクト学習メモ(8つのエフェクト)_jquery

16 May 2016

この記事では、jquery アニメーション効果の詳細な分析を提供する jquery アニメーション効果の学習ノートを共有し、フェードインおよびフェードアウト効果とスライディング効果の原理を説明します。jquery アニメーション効果をよく学びたい場合は、次のリンクを参照してください。この記事を辛抱強く読んでいただければ、予想外のことが見つかると思います。

HTML5の超リアルな雪景色エフェクト HTML5の超リアルな雪景色エフェクト

18 Jan 2017

jqueryをベースにした超リアルな雪景色の特殊効果です。この特殊効果は、jquery コードを使用して html5 キャンバス要素を動的にプラグインし、キャンバス内に雪の特殊効果を作成します。

jQueryはAlipayホームページのフォーカス画像効果を模倣します jQueryはAlipayホームページのフォーカス画像効果を模倣します

25 Apr 2018

今回は、jQueryのAlipayホームページのフォーカス画像効果をお届けします。jQueryのAlipayホームページのフォーカス画像効果の注意点は次のとおりです。見てみましょう。

JQuery UI CSS Framework_jquery JQuery UI CSS Framework_jquery

16 May 2016

Jquery ui css フレームワークは、jquery ui のスタイル フレームワークです。jquery テーマ ローラーを使用して、必要な CSS スタイル効果を生成できます。 jquery ui のいくつかのフレームワークを使用して、jquery ui css フレームワーク効果に基づいたプラグインを開発できます。

See all articles See all articles

Hot Tools

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

520 バレンタインデーの告白 Web アニメーション特殊効果

520 バレンタインデーの告白 Web アニメーション特殊効果

jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション

クールシステムのログインページ

クールシステムのログインページ

クールシステムのログインページ

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER