如何在JSP中使用jQuery Ajax？

xytpbqjk 于 8个月前发布在 jQuery

关注(0)|答案(3)|浏览(75)

我写了一个小代码，其中包括2个jsp页面，

test2.jsp-->我在此页面中创建了dropdown
test3.jsp-->当用户从目录中选择一个选项时，显示一条欢迎消息，他将迁移到此页面而不刷新test2.jsp
使用ajax jquery
当我点击提交按钮什么也没有发生，请帮助我，我也把org.json.jar文件在图书馆
test2.jsp code

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//malsup.github.com/jquery.form.js"></script>
    <script>
       function check()
       {     
$.ajax({
 url: "test3.jsp",
 type: "GET",

success: function() {
    alert("succes");
},

error: function() {
    alert( "Sorry, there was a problem!" );
}
});           
       }           
    </script>
    
</head>
<body>
    <h1>Hello World!</h1>
    <br>
    <form method="post" action="test2.jsp">
        <select name="city">
            <option value="dropdown">select city</option>
               <option value="jal">Jalandhar</option>
               <option value="ggn">Gurgaon</option>
               <option value="noida">Noida</option>
               <option value="amrtsr">Amritsar</option>
               <option value="bombay">Bombay</option>
        </select>
        <input type="submit" value="Submit" onclick="check()">
    </form>

test3.jsp code

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
</head>
<body>
    <h1>welcome</h1>
</body>
</html>

jsp

来源：https://stackoverflow.com/questions/24095040/how-to-use-jquery-ajax-in-jsp

3条答案

按热度按时间

j7dteeu81#

函数应该返回false以防止表单提交

<script>
   function check()    {     

    $.ajax({
     url: "test3.jsp",
     type: "GET",

     success: function() {
        alert("succes");
     },

     error: function() {
        alert( "Sorry, there was a problem!" );
     }
    }); 
    return false;          
   }           

</script>

赞(0）回复(0）举报 8个月前

vom3gejh2#

应当

<input type="button" value="Submit" onclick="check()">

而不是

<input type="submit" value="Submit" onclick="check()">

因为submit输入类型调用表单的动作是test2.jsp。

赞(0）回复(0）举报 8个月前

yzckvree3#

调用你的JavaScript函数在下拉菜单的更改事件上

onchange="check()"

浏览Firebug并检查您的控制台，它会显示您的整个请求

赞(0）回复(0）举报 8个月前

我来回答

如何在JSP中使用jQuery Ajax？

3条答案

相关问题

热门标签

最新问答