更改提交的表单中的值和 JQuery 序列化函数

Question

请看下面的代码。当表单被提交时，它实际上是在提交我输入的值，即 val(50) 还是在它序列化时它只是从实际 html 页面上的表单中获取数据？

// stop all forms from submitting and submit the real (hidden) form#order
$('form:not(#order)').submit(function(event) {
alert($(this).attr('id'));                                
//event.preventDefault();
if($(this).attr('id')==='quick2a'){

    alert('quick2a being submitted');
    //submitQuick2a();
    $('form#order input[name=custom_channels]').val(50);

    var name = 'het-';
    name += $('form#order input[name=platform]').val('astsk');
    name += '-ga-';
    name += $('form#order input[name=license]').val('floating');

    $('form#order input[name=productname]').val(name);

    $.post('/store/cart/add/ajax/', $('form#order').serialize(), function() {
    document.location.href = '/store/checkout';

    });                 
}else{
//
}

无论用户设置什么，我都希望在表单中设置这些值，我这样做是否正确？

谢谢大家

Answer 1

为什么不直接构造数据，而不是将其填充到表单中，然后通过序列化获取值？

$('form').submit(function(event) {
    if($(this).attr('id')==='quick2a') {
        var data = {
                 'custom_channels': 50,
                 'platform' : 'astsk',
                 'license' : 'floating',
                 'productname' : 'het-astsk-ga-floating'
            };

        $.post('/store/cart/add/ajax/', data, function() {
            document.location.href = '/store/checkout';
        });                                 
    }else{
    //
    }
    return false;
});

Answer 2

它从 HTML 页面获取值...但是通过调用 .val(...) 您正在 HTML 页面上设置值，因此您的代码将按照您的意愿运行。