jquery Ajax的helloworld例子

最新推荐文章于 2022-03-30 20:59:39 发布

原创最新推荐文章于 2022-03-30 20:59:39 发布 · 243 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#马克java社区 #jquery post #jquery Ajax helloworld例子 #马克-to-win #jquery

javascript 专栏收录该内容

119 篇文章

订阅专栏

本文通过一个简单的HTML页面展示了如何使用jQuery的POST方法向服务器发送数据并接收返回信息。用户可以在文本框中输入内容，点击按钮后，该内容将作为参数发送到指定的Servlet，之后服务器返回的数据会在页面上显示。

例 3.5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title></title>
    <script src="jquery.js"></script>
    <script type="text/javascript">
    function check()
    {
        var txt = $("#item").val();
/*
参数：
url (String): 装入页面的URL地址。
params (Map): （可选）发送到服务端的键／值对参数。
callback (Function): （可选）当数据装入完成时执行的函数.
*/
        $.post("jqueryservlet35",{word:txt},function(data){
              $("#info").html(data)
        })
    }
    </script>
</head>
<body>
    <input type="text" id="item" value="鱼">
    <input type="button" value="test" onclick="check()">
    <span id="info"></span>
</body>
</html>