如何在JSP中使用Ajax

时间:2017-10-17 09:28:02

标签: java ajax

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

但是URL是什么?应该是我的Java文件吧?但我不认为我可以访问java文件,这就是我使用servlet映射的原因

url:'ManageClients' DOESN'T WORK

的Ajax

    $('#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>

2 个答案:

答案 0 :(得分:0)

使用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/

答案 1 :(得分:0)

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