如何在 JSP 中使用 Ajax [重复]答案

【问题标题】：How to use Ajax with JSP [duplicate]如何在 JSP 中使用 Ajax [重复]
【发布时间】：2017-10-17 09:28:02
【问题描述】：

我正在尝试使用 Ajax 而不是通常的表单发布。

但是网址是什么？应该是我的Java文件吧？但我认为我无法访问 java 文件，这就是我使用 servlet 映射的原因

网址：'ManageClients' 不起作用

阿贾克斯

    $('#saveBtn').click(function() {
    $.ajax({
        type:'POST',
        url: '?????' ,
        success: function (result) {
            console.log(result);
        }
    });

ManageClients.java

public class ManageClients extends HttpServlet{

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    bla bla bla

   }

Web.xml

    <servlet>
    <servlet-name>Clients</servlet-name>
    <servlet-class>com.atp.servlets.Controller.ManageClients</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>Clients</servlet-name>
    <url-pattern>/Clients</url-pattern>
</servlet-mapping>

【问题讨论】：

试试url: 'Clients'
它重定向到 ManageClients 但所有数据为空。 我必须在 javascript 中传递数据吗？
看这个答案stackoverflow.com/questions/22785447/…
您可以添加如下数据：url: 'Clients', data:{name:'value'},
但是为什么我需要传递数据呢？我不能只使用 HttpSession 收集数据onPost 吗？？

标签： java ajax

【解决方案1】：

使用url: 'Clients'

并使用 'Data' 参数为 ajax 调用发送数据。您可以使用 jQuery 中的 '.serialize()' 来序列化您的表单并将其作为数据发送。

$('#saveBtn').click(function() {
$.ajax({
    type:'POST',
    url: 'Clients',
    data: $("#myForm").serialize();
    success: function (result) {
        console.log(result);
    }
});

https://api.jquery.com/serialize/

【讨论】：

【解决方案2】：

URL 指定将哪个请求发送到服务器端（Java Spring、ASP.net 等）用于数据库交互或应用业务逻辑，然后返回结果像你的jsp一样查看页面。有关 ajax 调用和方法的更多详细信息，请参阅here

$.ajax({
            type  : "POST",
            url   : "url_name", //that define in your javacode
            data  : {  Data to be sent to the server. It is converted to a query string, if not already a string                        
                   },      

            error : function(){
                        //error messoge log will displayed here
                    },          
    });

【讨论】：