Question

Welcome.jsp中

这是我的jsp页面。当我在文本框中输入一个值并按Enter键时，我希望显示带有def square_list(x): for item in x: newlist.append(item**item) return newlist df.groupby('Hour')['Vge'].aggregate(square_list).apply(sum)标记的名称。我是ajax的新手。请帮我这个，我们可以发送模型给ajax吗？

<p>

DemoController.java

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<title>Insert title here</title>
</head>
    <script>
            function ajaxCall()
            {
                //alert("in js");
                $.ajax({
                            type: "GET",
                            url: "/welcomePage",
                            data: "name=" + $('#name').val(), 

                            success: function(data)
                            {
                                alert("success !"); 
                                $('#show').html(data);
                            },
                            error: function()
                            {
                                alert("Error");
                            }

                });
                return false;
            }
    </script>
<body>
    <h2 align="center">Welcome to Spring MVC</h2>

    <form>
        <input type="text" name="name" />
        <input type="submit" value="submit" onclick="ajaxCall();"/>
    </form>

    <p>Your name is</p><div id="show"></div>

</body>
</html>

Answer 1

表单中的提交类型按钮会将表单提交给操作网址，如果未指定网址，则会重新加载当前网址。当一个表单提交当前页面上下文（DOM，CSS，JS）被销毁时，简而言之，在提交表单时，当前页面无法做任何事情。

您需要做的就是停止提交表单

要做到这一点，您可以向其返回 onsubmit 事件，如下所示

<form onsubmit="return false;">
    <input type="text" name="name" />
    <input type="submit" value="submit" onclick="ajaxCall();"/>
</form>

从它的外观来看，其他一切都是正确的，所以在你做出这个简单的改变后它应该有效。

当我在文本框中输入值并点击提交时，我希望使用ajax在文本框下面的值

1 个答案: