`

模仿 JQuery的ajax方法$.get,理解js回调函数应用的方式(转)

    博客分类:
  • JS
阅读更多

JQuery是一个js库,好用而且体积小,所以很多人在操作js时都会选择使用JQuery。

JQuery的ajax实现也封装的很好,如get,post,ajax方式等。

这些方法中都大量使用了js的回调函数的使用方式,下面写一个简单(应该说非常简单)的js回调实现

 

function test() {
    var url = "your url";

    get(url, { action: "DOSOMETHING" }, function (back_data) {
        alert(back_data);
    });
}

function get(url, data, callback) {
    //利用XMLHttpRequest对象对url和传入的数据data进行处理
    var back_data = "";
    //..后台服务请求得到返回值放到back_data中
    //将返回值传入回调函数中执行回调函数
    callback(back_data);
}

 具体的代码说明都在注释中,应该还是比较好理解的

至于如何利用XMLHttpRequest对象实现ajax的话,可以去网上找一些相关的资料,这方面的资料已经很多了。

分享到:
评论

相关推荐

    基于jQuery的模仿新浪微博ajax动态删除消息代码.zip

    - 使用`$.ajax()`函数发起一个Ajax请求,设置请求的类型(GET或POST)、URL、数据、成功回调函数等参数。 - 示例: ```javascript $.ajax({ type: 'POST', url: '/deleteMessage', data: {id: '123'}, // 要...

    源代码-AJAX类,调用方式类似jQuery.zip

    3. **jQuery风格API**:类的调用方式模仿jQuery,可能包含类似于`$.ajax()`、`$.get()`、`$.post()`等方法,提供链式调用。 4. **参数设置**:类的方法可能接受URL、数据、请求类型(GET或POST)、回调函数等参数,...

    JQuery 模仿qq 消息提示

    5. **Ajax交互**:如果消息提示需要基于服务器的数据,可以使用jQuery的Ajax方法,如`$.ajax()` 或 `$.get()`,异步获取数据并在回调函数中更新消息内容。 6. **插件化开发**:为了代码的可维护性和复用性,我们...

    学习jQuery源码时模仿写出来的一个简易框架实现了jQuery的部分核心功能

    6. **Ajax操作(Ajax)**:jQuery的`$.ajax()`, `$.get()`, `$.post()`等方法简化了异步数据请求。实现时,需要考虑XMLHttpRequest对象的使用,以及JSONP和CORS的处理。 7. **数据缓存(Data Caching)**:jQuery...

    AJAX jquery 模仿谷歌搜索自动补全功能

    我们可以设置请求的类型(GET或POST)、URL、数据、回调函数等参数,实现与服务器的数据交换。 4. **JSON(JavaScript Object Notation)**: 在实际应用中,服务器通常会返回JSON格式的数据,因为它是轻量级且...

    WEB基础_Ajax_jQuery

    例如,使用`$.ajax()`函数,设置`dataType`为`'text'`,然后定义回调函数处理返回的文本数据。 ```javascript $.ajax({ url: 'your-url', type: 'GET', dataType: 'text', success: function(textData) { ...

    超赞JQuery集合-76个

    3. **事件处理**:jQuery提供了优雅的事件绑定方式,如`$("#element").click(function() {...})`为点击事件绑定回调函数,`$("#element").on("mouseover", function() {...})`处理鼠标悬停事件。 4. **动画效果**:...

    Ajax框架源码

    可能是jQuery对象,而类名和方法名则可能是框架自定义的扩展,如$.Ajax.get()或$.Util.encode()等。这些方法可能是为了简化常见的Ajax操作,如GET、POST请求,或者提供数据编码解码等辅助功能。 在Ajax框架中,常见...

    jquery-1.7.1 ---3. 模仿WordPress后台评论管理面板

    5. **Ajax交互**:使用`$.ajax()`或者简化的`$.get()`和`$.post()`,可以实现与服务器的数据交换。在评论管理中,这可用于加载更多评论、提交新评论或更新评论状态。 在项目"模仿WordPress后台评论管理面板"中,...

    jQuery仿QQ空间说说发表评论留言代码_files.zip

    - 项目中应包含适当的错误处理机制,如AJAX请求失败后的回调,以及console.log()或jQuery的.error()方法进行调试。 总结来说,"jQuery仿QQ空间说说发表评论留言代码"项目涉及到了jQuery库的多个核心功能,包括DOM...

    JQ 使用waterfall插件实现瀑布流

    `onLayoutDone`回调函数会在每次布局完成后执行,你可以利用这个回调做进一步的处理,如加载更多数据。 在实际应用中,可能还需要处理动态加载数据的情况。jQuery waterfall插件通常支持无限滚动,即当用户滚动到...

    jquery右下角浮动窗口.zip

    6. **Ajax交互**:如果商品数据是从服务器动态获取的,那么可能使用jQuery的Ajax方法(如`$.ajax()`、`$.getJSON()`)来异步加载数据,实现内容的实时刷新。 7. **响应式设计**:考虑到不同设备和屏幕尺寸,开发者...

    my-ajax-imitate-jq_ajax_JQ_

    我们需要监听`onreadystatechange`事件,当服务器响应状态改变时,执行回调函数。 ```javascript xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status >= 200 && xhr.status ) { var ...

    jQuery实现仿github表情符号和at自动完成At.js插件.zip

    可能使用了Ajax请求来获取数据,例如`$.ajax()`或`$.getJSON()`,并在接收到响应后更新下拉列表。 在实现过程中,插件可能使用了数据存储机制,如HTML5的`localStorage`或`sessionStorage`,来缓存用户信息,减少...

    jQuery仿百度搜索框下拉代码.zip

    如果是从服务器获取,通常会使用Ajax异步请求,如`$.ajax()`或`$.get()`。 3. **匹配关键词**:根据用户的输入,筛选出与之匹配的关键词。这可能涉及到字符串的模糊匹配算法,如Levenshtein距离、正则表达式匹配等...

    1号店动态网页

    8. **AJAX请求的错误处理和状态监控**:jQuery提供了对请求的错误处理机制,如`error()`回调函数,以及`$.ajax()`中的全局事件,如`ajaxStart()`和`ajaxStop()`,帮助开发者监控和管理请求状态。 综上所述,【1号店...

    jquery资料大放送 苦心收集的

    它可以监听表单的提交事件,提供成功的回调函数,从而实现无刷新的数据交换。 **jQuery EasyUI** jQuery EasyUI是一个基于jQuery的前端框架,它提供了一系列的UI组件,如表格、对话框、下拉菜单、按钮等,帮助...

    jQuery模仿京东商城购物车

    jQuery的`.on()`方法可以方便地绑定事件处理器,如`$("#deleteBtn").on("click", function() {...})`,当用户点击删除按钮时执行相应的回调函数。 3. **动画效果**:为了增强用户体验,我们可以添加一些动画效果。...

    struts2等一些技术模仿当当网的一个小项目

    4. **Ajax异步请求**:jQuery的$.ajax或$.get/$.post函数使得与服务器进行异步数据交换变得更加简单,提高用户体验。 **JavaScript基础** 1. **变量和数据类型**:JavaScript支持var声明变量,以及基本数据类型...

Global site tag (gtag.js) - Google Analytics