Question

我是JavaScript和AJAX的新手，我正在尝试创建一个由服务器和JavaScript / JQuery客户端组成的简单Web应用程序。它有一个输入字段和一个按钮。按下按钮后，应将包含字段中文本的POST请求发送到服务器，并将页面更改为来自服务器的响应。如果出现错误，则应将页面更改为错误消息。

这是我的部分解决方案：

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
        .input {
            width: 600px;
            height: 100px;
        }
        </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#send").click(function(){
                 $.post("http://localhost:8080/Web/", $("#text").val(), function(result, status){
                    $( "#content" ).html(result);
                 });
            });
        });
    </script>
    </head>
<body>
    <div id="content">
        <textarea class="input" id="text" placeholder="Write text to send to server" textarea rows="4" cols="50"></textarea>
        <p>
        <button id ="send">Send request</button>
    </div>
</body>
</html>

这不会将页面内容更改为来自服务器的响应（我已经测试过）。除了更改页面内容之外发出警报也不起作用。我已经阅读了一些关于AJAX JQuery的内容，但似乎没有设法做到这一点。

谢谢

Answer 1

你可以read the API Docs

AJAX post方法必须具有键值对象，例如：

{ text : $("#text").val() }

或第二个参数中的Form Data对象。

我希望这会有所帮助。

jquery ajax POST方法不执行函数

1 个答案: