javascript - 如何使用 Ajax 从移动应用程序提交表单

Question

我需要使用 Ajax 提交下面的表单 (components/com_users/views/login/tmpl/default_login.php.)。

<form action="<?php echo JRoute::_('index.php?option=com_users&task=user.login'); ?>" method="post">

    <fieldset>
        <?php foreach ($this->form->getFieldset('credentials') as $field): ?>
            <?php if (!$field->hidden): ?>
                <div class="login-fields"><?php echo $field->label; ?>
                <?php echo $field->input; ?></div>
            <?php endif; ?>
        <?php endforeach; ?>
                     ......
</form>

我的 Ajax 请求将来自外部移动应用程序(单击时，我使用 Ajax 运行 javaScript 来提交表单)。

这可能吗？如果是，我应该向 Ajax 请求传递哪些参数(基于此处的示例:“Form submit with AJAX passing form data to PHP without page refresh ”，我需要传递 url、数据和成功)。

如果可能的话，我还可以传递用户名和密码(表单从字段集中获取它们)，我可以以纯文本形式提供它们(没有安全问题)。

Answer 1

使用序列化:documentation

根据您的情况，在表单中添加 ID 或名称，或者如果它是页面中的唯一表单，您可以:

$('selectorOfButtonThatTriggers').click(function(){
    $.ajax({
            type: 'POST',
            url: $('form').attr('action'),
            data: $('form').serialize(),
            success: function(data){
                   alert(data);
            }
    });
});

您的所有表单字段都将被获取，并且在服务器端，POST 键将是字段输入名称。

要以编程方式添加更多数据，您可以使用:

data: $('form').serialize() + "&more1=" + more1value