0

我需要在我的网页上实现一个计算器，它将在 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>

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

实际结果：<!DOCTYPE html>

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

4

1 回答 1

-1

尝试以下

<!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>
于 2021-01-12T12:55:20.883 回答