java - 使用 jquery 和 ajax 时 html 中的表单操作？

Question

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

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

    });

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

在那种情况下我应该提到form action什么？

<form action="./myController"

在表单操作中，我需要如上所述提及 url 吗？因为我已经在上面的 ajax 调用中提到了它。

谢谢！

Answer 1

此处不需要表单中的操作 url。不过，您可以在 ajax 调用中使用表单操作 -

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

Answer 2

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

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

Answer 3

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

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

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

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