jQuery的 - 发送一个形式异步 [英] jQuery - Send a form asynchronously

问题描述

我有一个表格，如：

 ＆LT;形式的行动=???方法='后'的名字='接触'＆GT;
        ＆LT;输入类型=文本级=inputContactNAME =mittente/＆GT;
        ＆LT; TextArea类=textContactNAME =SMEX＆GT;＆LT; / textarea的＆GT;
        ＆LT;输入类型=提交值=发送/＆GT;
    ＆LT; / DIV＆GT;
＆LT; /形式GT;
 

我想异步发送这些数据，trought jQuery函数 $。阿贾克斯。

编辑：用的解决方案：

 ＆LT;表格名称='联系形式'＆GT;
    ＆LT;输入类型=文本级=inputContactNAME =mittente/＆GT;
    ＆LT; TextArea类=textContactNAME =SMEX＆GT;＆LT; / textarea的＆GT;
    ＆LT;输入类型=提交值=发送/＆GT;
＆LT; /形式GT;

＆LT;脚本类型=文/ JavaScript的＆GT;
$（文件）。就绪（函数（）{
    $（'形式[名称=联系形式]）。递交（函数（五）{
        即preventDefault（）;
        $阿贾克斯（{
            键入：POST，
            缓存：假的，
            网址：./ajax/header_ajax.php，
            数据：'ID = header_contact_send＆功放;+ $（本）.serialize（）
            成功：函数（MSG）{
                $（＃boxContentId）HTML（MSG）。
            }
        }）;
    }）;
}）;
＆LT; / SCRIPT＆GT;
 

解决方案

  $（'形式[名称=联系方式]）。递交（函数（）{

    //也许表明负载指示灯...

    $。员额（$（本）.attr（行动），$（本）.serialize（）函数（RES）{
        //做一些与响应`res`
        执行console.log（RES）;
        //不要忘了隐藏加载指示灯！
    }）;

    返回false; // prevent默认操作

}）;
 

请参阅：

• jQuery的文档：帖子
• jQuery的文档：序列化

I have a form such as :

<form action='???' method='post' name='contact'>
        <input type="text" class="inputContact" name="mittente" />
        <textarea class="textContact" name="smex"></textarea>
        <input type="submit" value="Send" />
    </div>
</form> 

I'd like to send these data asynchronously, trought jQuery function $.ajax.

EDIT :with solution :

<form name='contactForm'>
    <input type="text" class="inputContact" name="mittente" />
    <textarea class="textContact" name="smex"></textarea>
    <input type="submit" value="Send" />
</form> 

<script type="text/javascript">
$(document).ready(function() {
    $('form[name=contactForm]').submit(function(e){
        e.preventDefault();
        $.ajax({
            type: 'POST',
            cache: false,
            url: './ajax/header_ajax.php',
            data: 'id=header_contact_send&'+$(this).serialize(), 
            success: function(msg) {
                $("#boxContentId").html(msg);
            }
        });
    });     
});         
</script>

解决方案

$('form[name=contact]').submit(function(){

    // Maybe show a loading indicator...

    $.post($(this).attr('action'), $(this).serialize(), function(res){
        // Do something with the response `res`
        console.log(res);
        // Don't forget to hide the loading indicator!
    });

    return false; // prevent default action

});

See:

• jQuery docs: post
• jQuery docs: serialize

这篇关于jQuery的 - 发送一个形式异步的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！