jQueryの.ajax（）メソッドを使用して、GETリクエストにスラッシュを含むパラメータを送信するにはどうすればよいですか？

Question

私はjQueryのアヤックス（）関数を経由してAPIを呼び出すには、以下のURLを作成する必要があります。私はちょうど自分自身で文字列を一緒に置くことによって、これを形成する方法を知っているが、それはのように思える

https://www.airnowapi.org/aq/forecast/zipCode/?format=application/json&zipCode=02144&date=2016-11-26&distance=25&API_KEY=API_KEY

不要な回避策を使用して.ajax()を使用することはできません。私はこの機能が私のためにやるべきことをたくさん手作業で行う必要があります。

この問題はformat=application/jsonです。これを設定オブジェクトのパラメータとして渡すと.ajax()に渡されるため、スラッシュは%2Fにエスケープされ、APIは要求を受け入れないためです。私はformatパラメータを省略してみましたが、500サーバエラーが発生します。私のウェブブラウザに入力すれば要求は完全に動作しますが、このパラメータがないか、スラッシュ（エスケープできません）が含まれていない場合は要求されません。 .ajax()がスラッシュをこのようにエンコードするのを防ぐか、APIサーバーに到達する前に何らかの形でデコードする必要があります。

私は既にGoogleとStackOverflowを検索して回答していますが、運がありません。私はエスケープ文字のエンコードとデコード方法を理解していますが、私が書かなかったjQuery関数の中でそれを傍受することはできません。 jQueryのソースコードに基づいて、その関数を書き直そうとしない限り、単純な問題の大きな回避策のように見えます。参考のために、ここに私のコードの関連部分は次のとおりです。

function getData(query, callback) { 
    var settings = { 
     url: state.apis.airNow.BASE_URL, 
     dataType: 'json', 
     type: 'GET', 
     success: callback, 
     data: { 
      format: "application/json", 
      zipCode: query, 
      distance: 25, 
      API_KEY: state.apis.airNow.API_KEY 
     } 
    }; 
    $.ajax(settings); 
} 

は、どのように私はAPIが期待する正確な形式でformat=application/jsonを提出する.ajax()を得るか、または私が代わりに使用されなければならない他の同様の機能はありますか？

ありがとうございました！

Answer 1

processData:falseを使用し、手動でクエリ文字列を作成します。私のmakeQS関数は、現在の状態のネストしたオブジェクトや配列を処理しないことに注意してください。あなたがあなたの代わりに、URLにそれらを渡したい場合は

function makeQS(obj){ 
    var params = []; 
    for(var key in obj){ 
     params.push(key + '=' + obj[key]); 
    } 
    return params.join('&'); 
} 


function getData(query, callback) { 
    var settings = { 
     url: state.apis.airNow.BASE_URL, 
     dataType: 'json', 
     type: 'GET', 
     success: callback, 
     processData: false, 
     data: makeQS({ 
      format: "application/json", 
      zipCode: query, 
      distance: 25, 
      API_KEY: state.apis.airNow.API_KEY 
     }) 
    }; 
    $.ajax(settings); 
} 

：このほかに唯一のオプションは、URL上のparamsを渡すか、AJAX要求をインターセプトし、URLに

PROCESSDATAソリューションを変更することですまた、おそらく全くエンコーディングがどの内&と=のような文字のパラメータに行われないようことは注目に値します

settings.url = state.apis.airNow.BASE_URL + '?' + makeQS({ 
      format: "application/json", 
      zipCode: query, 
      distance: 25, 
      API_KEY: state.apis.airNow.API_KEY 
     }) 

：だけのようなものにsettings.urlを変えることができますAPIエンドポイントから予期しない動作が発生する可能性があります。このようなエンドポイントで一般にURIエンコードされたGETパラメータを使用する理由の1つは