javascript - JQuery Validator，使用 GET 而不是 POST 进行远程规则？

Question

我正在尝试使用 JQuery Validator 进行远程验证:

rules: {
        username: {
            minlength: 6,
            maxlength: 12,
            remote: {
                url: '/users/register/isUserAvailable',
                dataType: 'POST',
                data: {
                    'username': $('#username').val()
                },
                success: function(data) {
                    // success tasks...
                }

            }
        },

我想看看是否有一种方法可以使用 GET 而不是 POST 进行验证，如下所示:

rules: {
            username: {
                minlength: 6,
                maxlength: 12,
                remote: {
                    url: function(){
                        var username = $('#username').val();
                        return '/users/register/isUserAvailable/' + username,
                    } 
                    dataType: 'GET',
                    success: function(data) {
                        // success tasks...
                    }

                }
            },

注意:我知道帖子是安全的并且当前工作正常，但我只是想知道这是否可能。

Answer 1

您的示例中存在一些语法问题

1. 要从 GET 更改为 POST，参数名称为 type，而不是数据类型
2. url 参数不作为函数进行计算，它是一个字符串。这可以解释为什么你会得到奇怪的字符，它们是你的函数的文本 urlencoded。

还有两点

1. 远程方法默认是GET，所以不需要指定GET的类型
2. 要小心覆盖远程方法中的成功，除非您知道远程方法的成功回调的工作原理，否则不要这样做。

from the docs像这样保持简单

$( "#myform" ).validate({
  rules: {
    email: {
      remote: {
        url: "check-email.php",
        type: "post",
        data: {
          username: function() {
            return $( "#username" ).val();
          }
        }
      }
    }
  }
});