jquery.ajax post/get/delete/put 请求方法封装

原创 2016年08月30日 09:32:44

ajax中的post/get/delete/put请求方法的写法过于繁琐,所以现在封装成如下简便的形式:

 /**
     * 获取数据ajax-get请求
     * @author laixm
     */
    $.sanjiGetJSON = function (url,data,callback){
        $.ajax({
            url:url,
            type:"get",
            contentType:"application/json",
            dataType:"json",
            timeout:10000,
            data:data,
            success:function(data){
                callback(data);
            }
        });
    };

    /**
     * 提交json数据的post请求
     * @author laixm
     */
    $.postJSON = function(url,data,callback){
        $.ajax({
            url:url,
            type:"post",
            contentType:"application/json",
            dataType:"json",
            data:data,
            timeout:60000,
            success:function(msg){
                callback(msg);
            },
            error:function(xhr,textstatus,thrown){

            }
        });
    };

    /**
     * 修改数据的ajax-put请求
     * @author laixm
     */
    $.putJSON = function(url,data,callback){
        $.ajax({
            url:url,
            type:"put",
            contentType:"application/json",
            dataType:"json",
            data:data,
            timeout:20000,
            success:function(msg){
                callback(msg);
            },
            error:function(xhr,textstatus,thrown){

            }
        });
    };
    /**
     * 删除数据的ajax-delete请求
     * @author laixm
     */
    $.deleteJSON = function(url,data,callback){
        $.ajax({
            url:url,
            type:"delete",
            contentType:"application/json",
            dataType:"json",
            data:data,
            success:function(msg){
                callback(msg);
            },
            error:function(xhr,textstatus,thrown){

            }
        });
    };
版权声明:本文为博主原创文章,未经暴烈骑士允许或未声明者不得转载。

JQuery用DELETE method发送Ajax request

Knowledge point: $.post( url [, data ] [, success ] [, dataType ] ) is a shorthand Ajax function, w...
  • cs08211317dn
  • cs08211317dn
  • 2015年07月19日 09:02
  • 3418

jquery 发送put/delete请求

typeString (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分...
  • zebing007
  • zebing007
  • 2014年08月13日 10:17
  • 7821

解决Ajax发送DELETE请求时无法传参数的问题

相信大家使用spring 时一般都会用ajax发送delete请求,但是delete请求无法传参数怎么办呢?请看下面链接 http://stackoverflow.com/questio...
  • wulinjie123
  • wulinjie123
  • 2016年03月11日 17:37
  • 6158

Ajax中Put和Delete请求传递参数无效的解决方法(Restful风格)

开发环境:Tomcat9.0 在使用Ajax实现Restful的时候,有时候会出现无法Put、Delete请求参数无法传递到程序中的尴尬情况,此时我们可以有两种解决方案:1、使用地址重写的方法传递参...
  • u012737182
  • u012737182
  • 2016年10月16日 16:23
  • 16097

JQuery发送Put、Delete请求

DELETE: $.ajax({ url: '/script.cgi', type: 'DELETE', success: function(result) { ...
  • majian_1987
  • majian_1987
  • 2013年06月06日 13:01
  • 31423

(7)ajax发送put请求问题

ajax发送post请求,服务器警告: Request method ‘POST’ not supported。 为什么会就不能像发送get请求那样,舒舒服服的得到预期的效果呢?(1)下面往下看...
  • Edison_03
  • Edison_03
  • 2017年07月26日 16:51
  • 1532

jQuery中的Ajax几种请求方法

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对j...
  • killerggf
  • killerggf
  • 2010年05月24日 12:52
  • 56473

ajax参数传递之[HttpGet]/[HttpPost]/[HttpPut]/[HttpDelete]请求

$.ajax({ type: "get", url: "http://localhost:27221/api/Charging/GetByModel", ...
  • snakeMoving
  • snakeMoving
  • 2017年02月11日 22:52
  • 873

jquery的ajax(put网页前端向服务器发送数据,服务器进行数据持久化等操作)

实例1: _form.html.erb中: ########这里input框里是显示以前房间的position, 并且可以改, 这里的class是用来jquery监听的, value是用来input框...
  • qwbtc
  • qwbtc
  • 2016年04月25日 21:01
  • 2075

jquery 发送put/delete请求

http://blog.csdn.net/zen_123/article/details/38532611 jquery中可以通过$.ajax 方法发送异步请求,进行数据提交,实现局部刷新等。 ...
  • oMingZi12345678
  • oMingZi12345678
  • 2016年11月13日 04:11
  • 1526
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery.ajax post/get/delete/put 请求方法封装
举报原因:
原因补充:

(最多只允许输入30个字)