javascript - 如何将数据从 HTML 表单传递到处理 AJAX 调用的 JavaScript 文件

Question

如何将数据从 HTML 表单传递到处理 AJAX 调用的 JavaScript 文件？

submission_form.php

<?php echo elgg_view("input/file", array("name" => "icon", "class" => "icon")); ?>

<p>
    <?= elgg_view('input/text', ["name" => 'title', "class" => "title"]); ?>
</p>

submit.js

function myajax_function(){
    var Ajax = require('elgg/Ajax');
    var ajax = new Ajax();

    ajax.action('service_comments/add_service_comment', {
        data: {
            picture: 1,
            description: 2
        },
    }).done(function (output, statusText, jqXHR) {
        if (jqXHR.AjaxData.status == -1) {
            return;
        }
        alert(output.sum);
        alert(output.product);
    });
}

操作文件: submission_form.php

// Not working
$title = get_input('title');

// I'm not sure how to go about extracting the file from input/file and text from input/text

提前谢谢大家。

I'm working with Elgg version 2.X, and following this tutorial: Ajax Actionsbut I think this would be standadised (data exchange from HTML to Javascript to PHP for AJAX persistence)

Answer 1

向表单标记添加类或 ID。

echo elgg_view_form('submission_form', array('class' => 'elgg-form-submission_form'), array());

然后在你的JS文件中

$(".elgg-form-submission_form").submit(function( event ) {
    $.post("service_comments/add_service_comment", $(this).serialize(), function(result) {

}