显式定义表单操作

Question

我有一个使用 html、JavaScript、CSS 和 JQuery 开发的网站模板。 有一个文件 (contact.js) 描述了表单的 ajax 代码，如下所示：

$(function() {    
submitSuccess: function($form, event) {
            event.preventDefault(); 
            // get values from FORM
            var name = $("input#name").val();
            var email = $("input#email").val();
            $.ajax({
                url: "../submit.php",
                type: "POST",
                data: {
                    name: name,
                    phone: email
                       }, 
             success: function() {),
             error: function() {},
             })
        },
        });

现在，问题是当我创建一个自定义表单并希望它重定向到我自己的文件（不是“submit.php”）时，它没有选择指定的 url。它会自动获取 ajax url。 这是我的示例代码

<form method="POST" action="postcomment.php?parent=<?php echo $blogId ?>" >

有没有办法阻止这种情况？

Answer 1

您可以像检索name 和email 一样获得form 操作属性。

如果action属性为空，使用../submit.php

$(function() {    
submitSuccess: function($form, event) {
  event.preventDefault(); 
  // get values from FORM
  var name = $("input#name").val();
  var email = $("input#email").val();
  
  var action = $("form").attr("action");
  var url = (action == "") ? "../submit.php" : action;
  
  $.ajax({
    url: url,  // Use the url variable here
    type: "POST",
    data: {
      name: name,
      phone: email
    }, 
    success: function() {),
      error: function() {},
    })
  },
});