主页 / 问题 / 1495128
Accepted
Reiji Akkerman
Asked:2023-02-11 15:01:53 +0800 CST2023-02-11 15:01:53 +0800 CST

为什么在POST请求后产生GET请求？

  • 772

我不明白为什么在成功处理POST请求后会创建一个请求GET。

网页格式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <form>
            <input type="text" name="header">
            <textarea name="description"></textarea>
            <button onclick="_send_entry()">submit</button>
        </form>
        <script src="../../test.js"></script>
    </body>
</html>

js

function _send_entry() {
    let xhr = new XMLHttpRequest();
    xhr.open('POST', '/test');
    xhr.send();
    xhr.onload = function() {
        if(xhr.status != 200)
            alert(`error - ${xhr.status}`);
        else
            alert(`получено байт - ${xhr.response.length}`);
    };
}

PHP

case 'test':
    echo "hello";
    break;

输入

在此处输入图像描述

回答

在此处输入图像描述

结论

在此处输入图像描述

提交表单后，页面将重新加载。我该怎么做才能不形成 GET 请求并且不重新加载页面？

javascript

1 个回答

  1. Best Answer

    比如html在你那里，除了你的请求，请求还发送表格。由于标签form没有属性method，所以它是GET。

    提交后，由于该标签form没有属性action（表示当前页面），因此重新加载页面。

    要防止表单的这种“默认操作”，您需要向处理程序添加“默认操作”取消。

    function _send_entry(event) {
    // отмена действия по умолчанию
    event.preventDefault();
    let xhr = new XMLHttpRequest();
    xhr.open('POST', '/test');
    xhr.send();
    xhr.onload = function() {
        if(xhr.status != 200)
            alert(`error - ${xhr.status}`);
        else
            alert(`получено байт - ${xhr.response.length}`);
    };
}

    可以在此处找到更多详细信息 https://doka.guide/js/event-prevent-default/

    • 2

相关问题