Question

我有以下Jquery / ajax代码来调用servlet

$.ajax({
        type: "POST",
        url: "./myController",
        data: dataString,
        ............

    });

我写了一个JQuery函数，在提交点击时调用。我已经在上面./myController的AJax调用中提到了url。

在这种情况下，我应该在form action中提到什么？

<form action="./myController"

在表单操作中我是否需要提及上面的URL？因为我已经在上面的ajax调用中提到了它。

谢谢！

Answer 1

此处不需要表单中的

操作网址。但是，您可以在ajax调用中使用表单操作 -

$('form').on('submit',function(e){
    e.preventDefault(); // to prevent default submit action
    $.ajax({
        type: "POST",
        url: this.action,
        ......
})

Answer 2

在您的ajax调用上设置url足以满足您的目的，无需更改表单元素上的任何内容。

正如@Willem Ellis所说，您需要防止使用preventDefault()时的默认行为，否则您的页面会在执行ajax调用后对服务器发送完整的帖子。

另外，根据您的评论，我建议您处理这样的提交事件

$('#theform').submit(function(e){ 
   e.preventDefault();
   ... // your ajax logic, etc
});

Answer 3

您可以从实际表单中删除操作，然后添加onsubmit标记。所以表单只会触发ajax / JQuery POST。

<form onsubmit="submitform();return false;">

使用jquery和ajax时在html中执行form动作？

3 个答案: