jquery ajax POST方法不执行函数
jquery ajax POST方法不执行函数
提问于 2018-01-24 19:58:52
我是JavaScript和AJAX的新手，我正在尝试创建一个简单的web应用程序，它由一个服务器和一个JavaScript/JQuery客户端组成。它有一个输入字段和一个按钮。按下按钮后，应将包含该字段中的文本的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的文章，但似乎没能把它写对。
谢谢
回答 1
Stack Overflow用户
发布于 2018-01-24 20:09:47
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48421961
复制相关文章
相似问题
腾讯云开发者
