Javascriptは、パラメータ数でGETリクエストを取得するのを待ちます

Question

React JSX project。 多くのパラメータでGET要求を取得しようとしていますが、Uncaught SyntaxError: Unexpected identifierエラーで失敗します。 郵便番号で同じリクエストを実行している間、正常に動作します。

文法上の問題があります。私は間違って何をしていますか？

まず、私はいくつかの適切な値にuriを初期化しています。

第二に、私はGETオプションを準備しています：、その後

var options = (payload) => { 
    return { 
    method: 'GET', 
    headers: { 
     Accept: 'application/json', 
     'Content-Type': 'application/json' 
    }, 
    param: JSON.stringify(payload) //payload is {domainName: "idoidoido.info"} 
    }; 
}; 

フェッチ待つ：まず、...それはUncaught SyntaxError: Unexpected identifierエラーで失敗し、まあ

Answer 1

であるべきだと思うべきです。クエリのparamsはGETリクエストを取得することができないように見えます。

これを解決するには、事前にリクエストURLをURI.jsとしてください。

ので、オプション：

URLにうまくのparamsを追加

const URI = require('urijs'); 

    const request = new URI(uri).addSearch(params).toString(); 
    const response = await fetch(uri, options()); 

addSearch(params)：

URI("?hello=world") 
    .addSearch("hello", "mars") 
     // -> ?hello=world&hello=mars 
    .addSearch({ foo: ["bar", "baz"] }) 
     // -> ?hello=world&hello=mars&foo=bar&foo=baz 

Answer 2

を

const response = await fetch(uri, options(param)); 

をとBabelJSのような蒸散器を使用していることを願っています。そうしなければ、現在の目標の99％のように失敗します。

コードは正常です。 fetchはプロミスを返すので、awaitがそれに対処できます。しかし、awaitステートメントが常にasync function宣言内にあることを確認する必要があります。それ以外の場合は、エラーがスローされます。

だからあなたの発呼回線はそう、私はfetchの2番目のパラメータは、オブジェクトを取ると仮定していますが、あなたのoptionsは、ペイロードで呼び出されなければならない関数である

async function getData(uri, options) { 
    const response = await fetch(uri, options); 
} 

Answer 3

のような構造を有していることを確認してください私はあなたのコードは

const response = await fetch(uri, options(somePayload));