如何仅以纯文本 (HTML) 形式发送 HTTP 响应

编程问答 2022-05-30

问题描述

我需要在我的网页上实现一个计算器，它会在 url 中接收一些参数，并且应该只返回结果，没有别的。

示例：

http://example.com/calc/?x=244&y=123&op=plus

我使用 HTML 和 JavaScript 编写了一个程序，它返回正确的结果并将其打印在网页上。

这将打印结果。 但是客户端不仅接收结果，还接收整个 html 和脚本。有谁知道我如何只将结果发送给客户端？

编辑：如果这不能用 HTMP 和 JS 完成，还有什么办法？

<!DOCTYPE html>
<html>

<body>
  <p id="demo"></p>
  <script>
    function calculate(url) {
    //  ...
    }

    let url = window.location.href;

    document.write(parseInt(calculate(url)));
  </script>
</body>

</html>

期望结果：367返回给HTTP客户端

实际结果：

.... ......返回给HTTP客户端

解决方法

试试下面的方法

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>

function calculate (url_string) {
    try {
        var url = new URL(url_string);
        var x = parseInt(url.searchParams.get("x"));
        var y = parseInt(url.searchParams.get("y"));
        switch(url.searchParams.get("op")){
            case "plus": return x + y;
            // add more cases here
        }
    } catch(e){}
}

let url = window.location.href;

document.write(parseInt(calculate(url)));
</script>
</body>
</html>
droplethtmlhttphttp