0

这是我的代码

    function generate_clicked()
    {
        var txt_text_color = $('#txt_text_color').val();
        var url='process.php?';
        url+='txt_text_color='+encodeURIComponent(txt_text_color);


        $.ajax({
            url: url,
            beforeSend: function ( xhr ) {
            xhr.overrideMimeType("application/json; charset=x-user-defined");
          }
        }).done(function ( data ) {
            try{
                $('#preview').val(data.css);
                $('#my_iframe').srcdoc = data1;
                }
            catch(err)
            {
                console.log(err);
            }
            document.getElementById("my_iframe").src = data.live_preview_html_page;
        });

    }

这适用于我的目的，但如果我添加另一个表单元素，我将不得不添加 var example =$('....').val(); 和 url+='example'+endcodeU .....

我将拥有 100 多个元素，然后我将在流程中重新审查它们

$txt_text_color = $_REQUEST['txt_text_color'];

我的问题是，我怎样才能序列化它（我认为这是我需要做的），这样我就不必在每次创建一个新的表单对象时编写这两个变量名称。

我需要在 process.php 中保存获取/发布这些变量以使用它们。

对不起，如果这没有意义，我还在学习。

4

1 回答 1

1

试试 form.serialize() http://api.jquery.com/serialize/

您的代码将如下所示：

function generate_clicked()
{
    var formData = $('#form').serialize();
    var url='process.php?';
    url+=formData;


    $.ajax({
        url: url,
        beforeSend: function ( xhr ) {
        xhr.overrideMimeType("application/json; charset=x-user-defined");
      }
    }).done(function ( data ) {
        try{
            $('#preview').val(data.css);
            $('#my_iframe').srcdoc = data1;
            }
        catch(err)
        {
            console.log(err);
        }
        document.getElementById("my_iframe").src = data.live_preview_html_page;
    });

}
于 2013-10-21T21:22:06.480 回答