AJAX异步、POST、GET提交总结一览

深入探讨Ajax异步提交技术

最新推荐文章于 2022-08-03 09:03:42 发布

原创最新推荐文章于 2022-08-03 09:03:42 发布 · 761 阅读

0 ·

CC 4.0 BY-SA版权

Jquery 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何使用jQuery实现Ajax异步提交，包括直接返回页面内容和返回JSON数据两种方式，通过实例代码演示了具体操作过程。

1、Ajax异步提交直接返回页面内容(tpl模板、html文件内容)：

jQuery.ajax({
                    type: 'POST',
                    cache: false,
                    data: {'id':1},
                    url: encodeURI('提交处理路径'),
                    complete: function(rel){
                       //处理
                       //比如：$(o).parent().after(rel.responseText);
                    }
                });

2、Ajax异步提交返回JSON数据

jQuery.ajax({
                    type: 'POST',
                    cache: false,
                    data: {'id':1},
                    url: encodeURI('提交处理路径'),
                    dataType:'json',
                    success:function(rel){
                        if(rel.result == 'ok'){
                            //处理，如：var list = rel.list;...数据拼接
                         }
                     }
});