jqueryのserializeArray、param、serializeArrayの違いや使用例を比較してみます。

jQuery.param( obj, traditional )

は、オブジェクトまたは配列をURLパラメータまたはAjaxパラメータに変換するURLクエリまたはAjaxであり、コードはjQueryオブジェクトに掛けられた静的メソッドです。真実:

var myInfo = {
        userid:'123',
        fullname:['henry','li'],
        intro:{html:5, css:3}            
    };
    console.log($.param(myInfo));    //"userid=123&fullname%5B%5D=henry&fullname%5B%5D=li&intro%5Bhtml%5D=5&intro%5Bcss%5D=3"
    //userid=123&fullname[]=henry&fullname[]=li&intro[html]=5&intro[css]=3"
    console.log($.param(myInfo),true);    //"a=%5Bobject+Object%5D&b=1&b=2&b=3"
    //"a=[object+Object]&b=1&b=2&b=3"

2 番目のパラメータは深度の制御に似ていることがわかります。

ソースコード

// Serialize an array of form elements or a set of// key/values into a query stringjQuery.param = function( a, traditional ) {    var prefix,// 循环的键命名 for(var k in)  这里即k
        s = [],//返回的数据
        add = function( key, value ) {            //key value对应循环中每项的name和值如：<input function><h2 id="serializeArray">.serializeArray()</h2><blockquote><h4 id="これは-現在のjQuery-a-href-http-www-php-cn-code-html-target-blank-フォームオブジェクト-a-を配列オブジェクトインスタンス">これは、現在のjQuery<a href="http://www.php.cn/code/3464.html" target="_blank">フォームオブジェクト</a>を配列オブジェクトインスタンス</h4></blockquote><p></p><p class="cnblogs_code" style="background-color: #f5f5f5; border: #cccccc 1px solid; padding: 5px;"><br>に変換するjQuery.fnメソッドにマウントされています。 </p> <pre class="brush:php;toolbar:false">var r20 = /%20/g,
    rbracket = /\[\]$/,
    rCRLF = /\r?\n/g,
    rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
    rsubmittable = /^(?:input|select|textarea|keygen)/i;
serializeArray: function() {        //jQuery.fn.map
        return this.map(function() {            // Can add propHook for "elements" to filter or add form elements
            // 如果当前对象具有elements的prop，则使用，反之使用自身
            // elements是原生js中表单所有的input。 如：document.forms[0].elements
            var elements = jQuery.prop( this, "elements" );            return elements ? jQuery.makeArray( elements ) : this;
        })
        .filter(function() {//jQuery.fn.filter
            var type = this.type;            // Use .is(":disabled") so that fieldset[disabled] works
            // 过滤掉没有name、disabled的、可以提交的几个标签，如过是可选中的元素，则checked为真
            return this.name && !jQuery( this ).is( ":disabled" ) &&
                rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
                ( this.checked || !rcheckableType.test( type ) );
        })
        .map(function( i, elem ) {////jQuery.fn.map
            var val = jQuery( this ).val();            //设置value
            return val == null ?                null :
                jQuery.isArray( val ) ?
                    jQuery.map( val, function( val ) {                        return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
                    }) :
                    { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
        }).get();//转为真正的数组
    }

使用する get メソッドは非常に簡単です

get: function( num ) {        return num != null ? 

            // Return a 'clean' array
            ( num <p><br> jQuery.prop メソッドについては、新しい記事で紹介する必要があります。簡単に言えば、要素のプロパティを取得することです。 Element.checked と element.value は attr </p><h2 id="serialize">.serialize</h2><blockquote><h4 id="serialize-から分離されています-serialize-は単純で-フォームを-URL-クエリ-a-href-http-www-php-cn-wiki-html-target-blank-string-a-に直接変換する-serializeArray-parmp-と同等です-コードもシンプルです-jQueryのfnでも同じです">serialize から分離されています。serialize は単純で、フォームを URL クエリ<a href="http://www.php.cn/wiki/57.html" target="_blank">string</a>に直接変換する、serializeArray + parmp と同等です。コードもシンプルです。 jQueryのfnでも同じです</h4></blockquote><p></p><p class="cnblogs_code" style="background-color: #f5f5f5; border: #cccccc 1px solid; padding: 5px;"><br></p><pre class="brush:php;toolbar:false">serialize: function() {        return jQuery.param( this.serializeArray() );
},

以上がjqueryのserializeArray、param、serializeArrayの違いや使用例を比較してみます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。