当前位置:首页>开发>正文

jquery插件封装方法有几种 jquery如果多个ajax请求调用方法 怎样封装

2023-05-26 07:53:54 互联网 未知 开发

 jquery插件封装方法有几种 jquery如果多个ajax请求调用方法 怎样封装

jquery插件封装方法有几种


扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱。

入门

编写一个jQuery插件开始于给jQuery.fn加入新的功能属性,此处添加的对象属性的名称就是你插件的名称:
jQuery.fn.myPlugin = function(){

//你自己的插件代码

}

用户非常喜欢的$符号哪里去了? 它仍然存在,但是,为了避免和其他JavaScript库冲突,我们最好将jQuery传递给一个自我执行的封闭程序,jQuery在此程序中映射为$符号,这样可以避免$号被其他库覆写。
(function ($) {
$.fn.myPlugin = function () {
//你自己的插件代码
}
})(jQuery)

在这个封闭程序中,我们可以无限制的使用$符号来表示jQuery函数。

环境
现在,我们可以开始编写实际的插件代码。 但是,在这之前,我们必须得对插件所处的环境有个概念。 在插件的范围里,
this关键字代表了这个插件将要执行的jQuery对象,
这里容易产生一个普遍的误区,因为在其他包含callback的jQuery函数中,this关键字代表了原生的DOM元素。这常常会导致开发者误将this关键字无谓的包在jQuery中,

jquery如果多个ajax请求调用方法 怎样封装

如题
多个$.ajax()方法
如何做到传递参数对象赋值给ajax 的url ,datatype,等属性
类似这种写法

function sendRequest(options) {
    $.ajax({
        url: options.url,
        type:options.type,
        dataType:options.dataType,
        data:url.data,
        error: options.error,
        success:options.getresult
    })
}
function requset1() {
    var options = {
        url: "",
        data: "",
        dataType: "",
        getresult: function(data) { }
    }
    sendRequest(options)
}