ajax異步處理POST表單中的數(shù)據(jù)示例代碼

    這篇文章主要介紹了如何利用ajax異步處理POST表單中的數(shù)據(jù)，下面有個(gè)不錯(cuò)的示例，大家可以參考下
    //防止頁(yè)面進(jìn)行跳轉(zhuǎn)
    02
    03
    $(document).ready(
    function
    (){
    04
    $(
    "#submit"
    ).click(
    function
    (){
    05
    var
    str_data=$(
    "#form1 input[type=text]"
    ).map(
    function
    (){
    06
    return
    ($(
    this
    ).attr(
    "name"
    )+
    '='
    +$(
    this
    ).val());
    07
    }).get().join(
    "&"
    );
    08
    var
    box_data=$(
    "input[type=checkbox]:checked"
    ).map(
    function
    (){
    09
    return
    ($(
    this
    ).attr(
    "name"
    )+
    '='
    +$(
    this
    ).val());
    10
    }).get().join(
    "&"
    );
    11
    var
    race=$(
    "#race"
    ).val();
    12
    var
    volume=$(
    "#volume"
    ).val();
    13
    str_data+=
    "&volume="
    +volume;
    14
    str_data+=
    "&race="
    +race;
    15
    str_data+=
    "&"
    +box_data;
    16
    $.ajax({ 
    17
    type:
    "POST"
    ,
    18
    url:
    "deal.php"
    ,
    19
    data:str_data,
    20
    success:
    function
    (msg){
    21
    $(
    "#myModal .modal-body"
    ).html(msg);
    22
    }
    23
    });
    24
    });
    25
    });