json 电报机器人响应总是在我提交表单后出现，我只想使用 js 提醒它

Question

我想使用机器人将此 HTML 中的照片发送到电报组，然后我在这个论坛中发现这段代码工作正常，但在我提交表单后，浏览器会打开一个新选项卡然后显示 JSON 响应

提交表单后我想要的只是alert('photo has been sent!')

我该怎么办？

<form method="POST" target="_blank"
action="https://api.telegram.org/bot{{ config('app.token') }}/sendPhoto" enctype="multipart/form-data">
<input type="text" name="chat_id" value="{{ config('app.idgroup') }}" hidden />
<input type="text" name="reply_to_message_id" value="{{ $rp->msg_id }}" hidden />
<input type="text" name="allow_sending_without_reply" value="true" hidden />
<br />
<label for="caption"> Caption</label>
<input type="text" name="caption" placeholder="caption" />
<br />
<input type="file" name="photo" />
<br />
<input type="submit" value="sendPhoto" />
</form>

Answer 1

<script type="text/javascript">
$(document).on("submit", "form", function (event) {
    event.preventDefault();
    $.ajax({
        url: $(this).attr("action"),
        type: $(this).attr("method"),
        dataType: "JSON",
        data: new FormData(this),
        processData: false,
        contentType: false,
        success: function (data, status) {
            alert('Success');
        },
        error: function (xhr, desc, err) {
            alert('Error');
        }
    });
});

json 电报机器人响应总是在我提交表单后出现，我只想使用 js 提醒它

a json telegram bot response always showing up after i submit the form , i want to just alert it using js

html

javascript

jquery

laravel

telegram-bot