javascript - 如何获取页面中的数据，放入一个json格式的字符串中，然后传给后台

Question

<li class="list-group-item ">

            <p class="row ">
                <p class="col-xs-4">证件类型：</p>
                <p class="col-xs-8 text-right arrowR" data-datafield="YZ_IDType" data-selTrigger="owner_id_type" onclick="imiterSelect1(this, 'IDType')">
                    <span class="bindSelShow"></span>
                </p>
            </p>
        </li>
        <li class="list-group-item">
            <p class="row">
                <p class="col-xs-4 m_t_5">证件号码：</p>
                <p class="col-xs-8 text-right" data-datafield="YZ_IDNumber">
                    <input class="form-control input-sm" type="text" value="请输入证件号码">
                </p>
            </p>
        </li>
        <li class="list-group-item">
            <p class="row ">
                <p class="col-xs-4 ">姓名：</p>
                <p class="col-xs-8 text-right" data-datafield="YZ_Name">
                    <input class="form-control input-sm" type="text" value="请输入姓名 ">
                </p>
            </p>
        </li>
        <li class="list-group-item ">
            <p class="row ">
                <p class="col-xs-4 ">性别：</p>
                <p class="col-xs-8 text-right arrowR" data-datafield="YZ_Gender" data-selTrigger="owner_sex" onclick="imiterSelect1(this, 'Gender')">
                    <span class="bindSelShow"></span>
                </p>
            </p>
        </li>
        <li class="list-group-item ">
            <p class="row ">
                <p class="col-xs-4">学历：</p>
                <p class="col-xs-8 text-right arrowR" data-datafield="YZ_CultureStandard" data-selTrigger="owner_culture" onclick="imiterSelect1(this, 'Education') ">
                    <span class="bindSelShow"></span>
                </p>
            </p>
        </li>
        <li class="list-group-item">
            <p class="row">
                <p class="col-xs-4">婚姻状况：</p>
                <p class="col-xs-8 text-right arrowR" data-datafield="YZ_Marriage" data-selTrigger="owner_marriage" onclick="imiterSelect1(this, 'Marriage')">
                    <span class="bindSelShow"></span>
                </p>
            </p>
        </li>
        <li class="list-group-item">
            <p class="row">
                <p class="col-xs-4 ">职业：</p>
                <p class="col-xs-8 text-right arrowR " data-datafield="YZ_Occupation " data-selTrigger="owner_occupation " onclick="imiterSelect1(this, 'Occupation') ">
                    <span class="bindSelShow"></span>
                </p>
            </p>
        </li>
        <li class="list-group-item " data-datafie>
            <p class="row ">
                <p class="col-xs-4 ">行业：</p>
                <p class="col-xs-8 text-right arrowR " ld="YZ_Cooperation " data-selTrigger="owner_industry " onclick="imiterSelect1(this, 'Industry') ">
                    <span class="bindSelShow"></span>
                </p>
            </p>
        </li>
        <li class="list-group-item ">
            <p class="row ">
                <p class="col-xs-4 ">家庭地址：</p>
                <p class="col-xs-8 text-right " data-datafield="YZ_Address ">
                       <input class="form-control input-sm" type="text " value="请输入家庭地址 ">
                </p>
            </p>
        </li>
        <li class="list-group-item ">
            <p class="row ">
                <p class="col-xs-4 ">加入体彩日期：</p>
                <p class="col-xs-8 text-right " data-datafield="YZ_Birthday ">
                       <input class="form-control input-sm" type="text ">
                </p>
            </p>
        </li>

        <li class="list-group-item ">
            <p class="row ">
                <p class="col-xs-4 ">照片：</p>
                <p class="col-xs-8 text-right " data-datafield="YZ_Photo ">
                    <p class="img-box " id="update1 " style="position:relative; ">
                        <span style="display:block ">
                            <img class="img-responsive imgIptFilePvw" src="img/update.jpg" alt=" "> <input class="hide " name="file" onchange="uploadImg(this)" type="file"> <input class="hide" name="token" value="dccec1e7e5d34f69ba0548193e970569
    " type="hidden">
                        </span>
                    </p>
                </p>
            </p>
        </li>

Answer 1

最外层定义form，然后把用jQuery的serialize获取到数据定义到ajax的data那里，post过去就好了。