Запрос PUT в расширении Chrome с использованием Google API не отображается

Я застрял в этом месте своего кода, в котором я успешно вызвал API-интерфейс Sheets с помощью запроса PUT, но он не отображается в Google Sheet.

Вот мой код, в котором я использую запросы PUT и GET, чтобы увидеть, изменились ли данные:

фон.js

chrome.identity.getAuthToken({ 'interactive': true }, getToken);

function getToken(token) {

console.info('this is the token: ', token);

  var params = {
    "range":"Sheet1!A1:B1",
    "majorDimension": "ROWS",
      "values": [
      ["Hi","Crush"]
    ],
  }
  let init = {
    method: 'PUT',
    async: true,
    data: params,
    headers: {
      Authorization: 'Bearer ' + token,
      'Content-Type': 'application/json'
    },
    'contentType': 'json',
  };
  fetch(
      "https://sheets.googleapis.com/v4/spreadsheets/1efS6aMlPFqHJJdG8tQw-BNlv9WbA21jQlufsgtMsUmw/values/Sheet1!A1:B1?valueInputOption=USER_ENTERED",
      init)
      .then((response) => console.info(response))

      let request = {
        method: 'GET',
        async: true,
        headers: {
          Authorization: 'Bearer ' + token,
          'Content-Type': 'application/json'
        },
        'contentType': 'json',
      };
      fetch(
          "https://sheets.googleapis.com/v4/spreadsheets/1efS6aMlPFqHJJdG8tQw-BNlv9WbA21jQlufsgtMsUmw/values/Sheet1!A1:B1",
          request)
          .then((response) => response.json())
          .then(function(data) {
            console.info(data)
          });
}

Вот скриншот моего Google Sheet, данные не изменились. Статус запроса PUT — 200, и кажется, что данные все еще Привет мир в A1:B1:

Запрос PUT в расширении Chrome с использованием Google API не отображается

Вот журнал:

Запрос PUT в расширении Chrome с использованием Google API не отображается

Вы хоть представляете, чего здесь не хватает?

Я думаю, что ваше тело запроса для Sheets API правильное. Итак, хотя я не уверен, является ли это прямым решением, как насчет этой модификации? Когда data: params, изменится на data: JSON.stringify(params),, какой результат вы получите? Кстати, а что такое 'contentType': 'json', в request?

Tanaike 11.04.2019 06:21

@Tanaike, я попытался изменить свой код на data: JSON.stringify(params), но текст все еще не изменился. Я удалил 'contentType': 'json' в запросе.

jess 11.04.2019 09:51

Спасибо за ответ. Прошу прощения, что мой комментарий не был полезен для вашей ситуации.

Tanaike 11.04.2019 10:44

Все в порядке, я все еще выясняю, почему запрос не отображается на ячейках.

jess 11.04.2019 10:45

Когда я смогу воспроизвести вашу ситуацию и полностью решить вашу проблему, я хотел бы прокомментировать здесь.

Tanaike 11.04.2019 10:47

Это будет большим подспорьем! Спасибо :)

jess 11.04.2019 11:49

Я предложил точку модификации. Не могли бы вы подтвердить это? В моей среде я мог бы воспроизвести вашу ситуацию и подтвердить, что скрипт работал с этой модификацией. Но если это не было решением вашей проблемы, прошу прощения.

Tanaike 13.04.2019 02:58
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
4
7
280
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Как насчет этой модификации? Пожалуйста, измените объект init следующим образом.

От:

data: params,

К:

body: JSON.stringify(params),

Ссылка:

Оно работает! Я также пробовал это из моего предыдущего кода, и он возвращает 400 Bad request, и я подумал, что что-то не так. Большое спасибо!

jess 15.04.2019 11:14

@jess Спасибо за ответ. Я рад, что ваша проблема была решена. И тебе спасибо.

Tanaike 16.04.2019 00:33

Другие вопросы по теме