ajax リクエスト外のデータへのアクセス

エピックトリフィド

DarkSky API を作成するリクエストで使用できるように、ajax 経由で呼び出した経度と緯度をそれぞれの変数に取り込もうとしています。私はそれらがローカルであることを認識しているため、ajax 関数の外部からアクセスすることはできませんが、私は一生、それを回避する方法を見つけることはできません。ここに私のコードがあります:

$(document).ready(function() {

  //location API

  $("#myweather").load("window",function() {

    $("#location").fadeOut(function() {

      $.ajax({
        async: false,
        url: "https://geoip-db.com/jsonp",
        jsonpCallback: "callback",
        dataType: "jsonp",
        success: function(loc) {
          $("#location").html(loc.city)
          var long = loc.longitude
          var lat = loc.latitude
          }        
      });
    }).fadeIn();
  });      

      $("#result").load("location", function() {
        $("#result").fadeIn(function() {
          $.getJSON("https://api.darksky.net/forecast/15f8bf5641489ec32f66662221933c14/" + lat + long, function(forecast) {
            consolelog(forecast);
          });
        });
      });
});
ヒマンシュ・ウパディヤイ

以下に示すように、これら 2 つの変数を関数の外で宣言する必要があります。

$(document).ready(function() {

  //location API
    var long = '';
    var lat = '';
  $("#myweather").load("window",function() {

    $("#location").fadeOut(function() {

      $.ajax({
        async: false,
        url: "https://geoip-db.com/jsonp",
        jsonpCallback: "callback",
        dataType: "jsonp",
        success: function(loc) {
          $("#location").html(loc.city)
          long = loc.longitude
          lat = loc.latitude
          }        
      });
    }).fadeIn();
  });      

      $("#result").load("location", function() {
        $("#result").fadeIn(function() {
          $.getJSON("https://api.darksky.net/forecast/15f8bf5641489ec32f66662221933c14/" + lat + long, function(forecast) {
            consolelog(forecast);
          });
        });
      });
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

データテーブル外のajaxデータにアクセスする

分類Dev

Ember-データ:AJAXリクエストへのサーバークエリの追加

分類Dev

AJAX:返されたリストの要素へのアクセス

分類Dev

ajax-apiリクエストでのデータベースへの複数の挿入

分類Dev

PHP:PHPへのAJAXリクエスト

分類Dev

以前のajaxリクエストにアクセスする方法

分類Dev

AJAXリクエストで送信されたデータの参照

分類Dev

配列セッションからajaxスクリプトへのデータの取得

分類Dev

Spring REST API415エラーへのAjaxリクエスト

分類Dev

AjaxからSpringMVCへのリクエスト。404エラー

分類Dev

ユーザーからサーバーへの同じデータを含むajaxリクエスト、リクエスト形式で問題が発生する

分類Dev

oauth2アクセストークンのAjaxリクエストを行う際のCORSの問題

分類Dev

ajaxリクエスト/データリクエストのためのMVCの場所はどこですか?

分類Dev

Ajaxリクエスト/ IE9のフォームデータのシリアル化

分類Dev

403ajaxリクエストからのCodeIgniterコントローラーへの禁止されたアクセス

分類Dev

あるajaxリクエストのデータを別のリクエストで使用する

分類Dev

jQuery ajaxリクエスト:成功関数で送信されたデータにアクセスする方法は?

分類Dev

データ テーブルの ajax リクエストでの例外

分類Dev

ajax成功関数のcodeigniterアクセスデータ配列

分類Dev

NodeJS | SailsJS | PassportJS AJAX認証:データの連続リクエストの作成

分類Dev

複数のajaxリクエストからの配列データ

分類Dev

表示された Ajax リクエストからのデータの取得

分類Dev

phpオブジェクトへのajaxリクエスト

分類Dev

ajaxリクエスト内のjavascript関数にアクセスする方法

分類Dev

Laravel4セッションデータ損失複数のAJAXリクエスト

分類Dev

コールバック関数でjQuery AjaxリクエストのURLにアクセスする

分類Dev

ajaxリクエストの不完全なフォームデータ

分類Dev

ajaxリクエストを使用したフォームデータの保存

分類Dev

Laravel:データベースへのAjaxアップデート

Related 関連記事

  1. 1

    データテーブル外のajaxデータにアクセスする

  2. 2

    Ember-データ:AJAXリクエストへのサーバークエリの追加

  3. 3

    AJAX:返されたリストの要素へのアクセス

  4. 4

    ajax-apiリクエストでのデータベースへの複数の挿入

  5. 5

    PHP:PHPへのAJAXリクエスト

  6. 6

    以前のajaxリクエストにアクセスする方法

  7. 7

    AJAXリクエストで送信されたデータの参照

  8. 8

    配列セッションからajaxスクリプトへのデータの取得

  9. 9

    Spring REST API415エラーへのAjaxリクエスト

  10. 10

    AjaxからSpringMVCへのリクエスト。404エラー

  11. 11

    ユーザーからサーバーへの同じデータを含むajaxリクエスト、リクエスト形式で問題が発生する

  12. 12

    oauth2アクセストークンのAjaxリクエストを行う際のCORSの問題

  13. 13

    ajaxリクエスト/データリクエストのためのMVCの場所はどこですか?

  14. 14

    Ajaxリクエスト/ IE9のフォームデータのシリアル化

  15. 15

    403ajaxリクエストからのCodeIgniterコントローラーへの禁止されたアクセス

  16. 16

    あるajaxリクエストのデータを別のリクエストで使用する

  17. 17

    jQuery ajaxリクエスト:成功関数で送信されたデータにアクセスする方法は?

  18. 18

    データ テーブルの ajax リクエストでの例外

  19. 19

    ajax成功関数のcodeigniterアクセスデータ配列

  20. 20

    NodeJS | SailsJS | PassportJS AJAX認証:データの連続リクエストの作成

  21. 21

    複数のajaxリクエストからの配列データ

  22. 22

    表示された Ajax リクエストからのデータの取得

  23. 23

    phpオブジェクトへのajaxリクエスト

  24. 24

    ajaxリクエスト内のjavascript関数にアクセスする方法

  25. 25

    Laravel4セッションデータ損失複数のAJAXリクエスト

  26. 26

    コールバック関数でjQuery AjaxリクエストのURLにアクセスする

  27. 27

    ajaxリクエストの不完全なフォームデータ

  28. 28

    ajaxリクエストを使用したフォームデータの保存

  29. 29

    Laravel:データベースへのAjaxアップデート

ホットタグ

アーカイブ