0712-2888027 189-8648-0214
微信公眾號

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號

當(dāng)前位置:主頁 > 技術(shù)支持 > Javascript/JQuery > jQuery Form Plugin表單ajax提交插件

jQuery Form Plugin表單ajax提交插件

時(shí)間:2016-12-28來源:風(fēng)信官網(wǎng) 點(diǎn)擊: 648次
jQuery Form Plugin 能夠讓你簡潔的將以HTML形式提交的表單升級成采用AJAX技術(shù)提交的表單。插件里面主要的方法, ajaxForm 和 ajaxSubmit, 能夠從form組件里采集信息確定如何處理表單的提交過程。

使用的API:http://malsup.com/jquery/form/#api

使用示例代碼:

<form id="myForm" action="comment.php" method="post">
    Name: <input type="text" name="name" />
    Comment: <textarea name="comment"></textarea>
    <input type="submit" value="Submit Comment" />
</form>

表單區(qū):

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
    <script src="http://malsup.github.com/jquery.form.js"></script>
 
    <script>
        // wait for the DOM to be loaded
        $(document).ready(function() {
            // bind 'myForm' and provide a simple callback function
            $('#myForm').ajaxForm(function() {
                alert("Thank you for your comment!");
            });
        });
    </script>
</head>


調(diào)用區(qū)域: 通過以上的使用,就可以實(shí)現(xiàn)表單Ajax技術(shù),是不是很簡單。
熱門關(guān)鍵詞: jQuery Form Plugin 表單 ajax 提交插件
欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開