使用AJAX异步提交表单的几种方式

最新推荐文章于 2024-04-30 19:24:04 发布

weixin_34107955

最新推荐文章于 2024-04-30 19:24:04 发布

阅读量124

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/560237/blog/1633279

版权

2019独角兽企业重金招聘Python工程师标准>>>

介绍三种常用的提交方式

方式一

手工收集所有的用户输入，封装为大的“k1=v1&k2=v2…”键值对形式，使用$.post(url, data,fn)把数据提交给服务器

$.ajax({  
        type:'post',      
        url:'Notice_noTipsNotice',  
        data:'k1=v1&k2=v2...',  
        cache:false,  
        dataType:'json',  
        success:function(data){  
        }  
    });

方式二

表单序列化：$('#myform').serialize( ); 其返回值就是“k1=v1&k2=v2...”键值对形式，再发起异步请求即可。

function noTips(){  
    var formParam = $("#form1").serialize();//序列化表格内容为字符串  
    $.ajax({  
        type:'post',      
        url:'Notice_noTipsNotice',  
        data:formParam,  
        cache:false,  
        dataType:'json',  
        success:function(data){  
        }  
    });  
}

方式三
使用jQuery Form插件(jquery.form.js)提供的ajaxSubmit()函数

$('#myform').ajaxSubmit({
type: 'GET/POST',
url: 'xx.php',
dataType: 'json',
success: fn,
clearForm: true,
resetForm: true
});  
//此函数会自动把选定的表单进行序列化并异步提交

转载于:https://my.oschina.net/u/560237/blog/1633279