Блог

Я совершенно новичок во всем этом, и это мой первый вопрос, заданный на StackOverflow. Моя проблема заключается в том, чтобы найти способ перевести одно и то же слово на несколько языков одновременно с помощью API Microsoft translator.

В HTML есть различные разделители, которые определяют некоторые эффекты дождя, и внутри них переведенное слово должно появиться в выделенной области выходного текста.

 <div class="translater-text">
    <textarea id="user" placeholder=""></textarea>
    <div class="buttons">
        <button id="clear" class="btnOutline">Clear</button>
        <button id="translate" class="btnOutline">Translate</button>
    </div>
</div>


<!-- German -->

<div class="rain">
    <div class="drop"></div>
    <div class="waves">
    <div></div>
    </div>
    <div class="splash">
        <div class="words">
            <span>
                <div class="output">
                <textarea id="output" placeholder="" readonly></textarea>
            </div>
            </span>
        </div>
    </div>

    <div class="output">
    <textarea id="output" placeholder=""readonly></textarea>
    <span> </span>
    </div>

    <div class="particles">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>



<!-- Spanish -->

<div class="rain">
    <div class="drop"></div>
    <div class="waves">
        <div></div>
    </div>
    <div class="splash">
        <div class="words">
            <span>
                <div class="output">
                <textarea id="output" placeholder="" readonly></textarea>
            </div>
            </span>
        </div>
    </div>

    <div class="particles">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>
 

где javascript должен перевести введенный текст и поместить его в область #вывод текста для любого языка в коде.

 const settings = {
    "async": true,
    "crossDomain": true,
    "url": "https://microsoft-translator-text.p.rapidapi.com/translate?to=deamp;api-version=3.0amp;profanityAction=NoActionamp;textType=plain",
    "method": "POST",
    "headers": {
        "content-type": "application/json",
        "x-rapidapi-key": "5456c22092mshe1f307f4dc62e1fp1169c8jsn7394b540a161",
        "x-rapidapi-host": "microsoft-translator-text.p.rapidapi.com"
    },
    "processData": false,
    "data": '[{ "Text": "Something." }]'
};



$.ajax(settings).done(function (response) {
    console.log(settings.data);
});
 

Пожалуйста, дайте мне знать, если потребуется дополнительная информация. Заранее спасибо за всю помощь.

Моя проблема заключается в том, чтобы найти способ перевести одно и то же слово на несколько языков одновременно с помощью API Microsoft translator.

Хорошо, я полагаю, что это ваша главная забота. И я предполагаю, что вы используете текстовый API Microsoft Translator в концентраторе RapidAPI.

POST Запрос на перевод этого конкретного API переводится на несколько языков одновременно, повторяя to параметр в строке запроса.

Вам просто нужно изменить URL свой запрос в коде, который вы опубликовали выше, на что-то вроде этого:

 "url": "https://microsoft-translator-text.p.rapidapi.com/translate?to=deamp;to=itamp;api-version=3.0amp;profanityAction=NoActionamp;textType=plain",
 

P.S. Вы указали свой API-ключ выше в коде. Я рекомендую вам удалить этот ключ и создать новый.