JQuery应用实例学习 —— 30 保存数据到服务器，成功时显示信息

程序员文章站 2024-03-22 09:28:22

...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="">
        <input type="text" name="" id="">
        <input type="submit" value="提交">
    </form>
</body>
<script src="jquery.js"></script>
<script>
// 保存数据到服务器，成功时显示信息
$('form').submit(function(){
    var params = {
        'type':'post',
        'data':'username=lisi&aaa@qq.com',
        'success' : function(msg){
            alert(msg);
        }
    };
    $.ajax('26.php' , params);
    $('input:submit').prop('disabled' , true);
    return false;
});
</script>
</html>

<?php 

print_r($_POST);

?>

提交

JQuery应用实例学习 —— 30 保存数据到服务器，成功时显示信息

返回我们写好的数据信息

JQuery应用实例学习 —— 30 保存数据到服务器，成功时显示信息

然后就不能再提交了

JQuery应用实例学习 —— 30 保存数据到服务器，成功时显示信息

上一篇：消息队列之 ActiveMQ

下一篇： Java学习手册：实例化String对象