网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 ajax异步处理POST表单中的数据示例代码
范文
    这篇文章主要介绍了如何利用ajax异步处理POST表单中的数据,下面有个不错的示例,大家可以参考下
    //防止页面进行跳转
    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
    });
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/21 20:18:29