如何将 Ajax 与 JSP 一起使用

Question

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

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

网址："管理客户端"不起作用

阿贾克斯

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

管理客户端.java

public class ManageClients extends HttpServlet{
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    bla bla bla
   }

网络.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>

Answer 1

使用 url: 'Clients'

并使用"数据"参数为 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/

Answer 2

URL 指定将哪个请求发送到服务器端（Java Spring，ASP.net等）进行数据库交互或应用业务逻辑，然后将结果返回到视图页面，就像您的jsp一样。有关 AJAX 调用和方法的更多详细信息，请参阅此处

$.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
                    },          
    });