`

模块化 ajax 调用

    博客分类:
  • AJAX
阅读更多

 

模块化 ajax 调用 过程:

 

  1. 用户的js文件 收集 模块 回调函数名 发送给ajax 对象 
  2. AJAX 对象用来处理所有的AJAX 请求 组装并发送Request 
  3. 后台收到request 解析参数 并采用回调 调用制定模块的指点函数
  4. 函数处理后返回数组形似的结果级,封装成json格式 返回给前台
  5. 前台js 收到json 并处理

部分代码:

 

 

AjaxObject.sendAjax('/project_name/ajax/modeue_name/'+action_name, params, callback_function);

 

 

AjaxObject.sendAjax = function ($url, $data, $callback) {
    $.ajax({
        type: "POST",
        url: $url,
        data: $data,
        error: function(a, b, c){
        },
        success: function(msg){
          var result = parseJson(msg);
          if($callback) {
            $callback(result);
          }
        }
    });//ajax end
}

 

 

function ajax_call($module, $action) {
  action_verify($module, $action); //检查是否有action

  $action_callback = $action ;     $result = call_user_func_array(.. .. );
    if (is_array($result)) {    

..........  //处理结果
 

 

  • 大小: 6.8 KB
分享到:
评论

相关推荐

    jquery Ajax 全局调用封装实例详解

    ### jQuery Ajax 全局调用封装实例详解知识点 #### 前言 在前端开发中,异步数据交互是核心功能之一,通常使用Ajax...同时,封装的思想与实践在前端开发中是十分重要的,它们帮助我们构建更加模块化、可复用的代码。

    在外部方法使用Ajax请求返回的数据

    你还可以通过触发自定义事件来传递数据,这在模块化编程中常见: ```javascript $.ajax({ // ... success: function(response) { var jsonData = JSON.parse(response); $(document).trigger('dataLoaded', ...

    jquery .ajax 局部刷新之后 js无法调用问题解决

    为了更好地管理JavaScript代码,可以采用模块化设计,比如使用AMD(Asynchronous Module Definition)或CommonJS。此外,利用jQuery的`data()`方法缓存DOM查询结果,避免每次调用时都重新查找元素。 ```javascript ...

    ajax代码 ajax代码

    同时,良好的编程习惯,如模块化和异步编程,也能提高Ajax代码的可维护性和性能。 总之,Ajax是现代Web开发中的重要工具,它提升了网页的互动性和响应性。通过深入理解Ajax的基本原理和实践技巧,开发者可以构建出...

    JS使用AjAX实例,JQUERY使用AJAX实例

    - 使用AJAX调用时,URL通常是Web服务的地址加上方法名,如:`'/MyWebService.asmx/MyMethod'`。 - 参数可以通过`data`选项传递,例如:`{ name: 'John', age: 30 }`。 - 示例:`$.ajax({ type: 'POST', url: '/...

    自实现的Asp.net AJAX框架的ASMX处理器--支持异步调用Web方法

    当一个AJAX请求到达服务器时,这个自定义模块将会捕获请求,解析请求头部以识别它是AJAX请求,然后调用相应的Web方法。 异步调用Web方法的关键在于使用异步编程模型。在.NET中,可以使用`async/await`关键字来实现...

    02_03_JavaScript模块化1

    JavaScript模块化是编程实践中一种重要的组织代码的方式,它旨在提高代码的可维护性、复用性和可读性。随着前端和JavaScript技术的迅速发展,代码的复杂性也随之增加,模块化成为了必不可少的需求。早期的JavaScript...

    Ajax征服——相册模块 源码

    **Ajax技术详解与相册模块实现** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新,极大地...

    AJAX和JSF和EJB整合

    EJB则是Java EE中的一个核心组件,用于构建可部署在企业级应用服务器上的模块化、可重用的业务组件。EJB可以分为三种类型:Session Beans(处理客户端请求)、Message-driven Beans(监听消息队列)和Entity Beans...

    05-前端模块化.pdf

    前端模块化开发是互联网前端领域的一项重要技术,它的主要目的是将复杂的程序分解成一系列容易管理和维护的模块。在网页开发的早期阶段,JavaScript主要用于做一些简单的表单验证或动画实现,代码量较少,可以直接写...

    ajax.dll以及说明文档和demo

    通过引用DLL,开发者可以避免重复编写代码,减少内存占用,并实现模块化的程序设计。`ajax.dll`作为一个专门用于Ajax操作的DLL,它集成了发送HTTP请求、处理响应数据等功能,简化了开发者在Web应用程序中集成Ajax的...

    asp.net mvc ajax demo

    ASP.NET MVC(Model-View-Controller)是微软提供的一种用于构建可测试、模块化Web应用程序的框架。它结合了ASP.NET的功能和MVC设计模式,提供了对RESTful架构的支持,使开发人员能够更有效地构建动态、数据驱动的...

    prototype的Ajax介绍

    - **模块化设计**:所有Ajax相关的功能都封装在全局`Ajax`对象中。 #### 三、Ajax.Request对象详解 **Ajax.Request** 是Prototype中用于创建Ajax请求的核心对象。可以通过以下方式初始化: ```javascript new ...

    大量的ajax实例模型

    3. **js实例模块化**:在Ajax应用中,JavaScript代码通常会被组织成可重用的模块。这有助于提高代码的可读性和维护性,例如,封装一个处理Ajax请求的通用函数,方便在不同地方调用。 4. **数据操作**:Ajax常用于与...

    rpc远程调用使用说明&源码

    3. **序列化/反序列化模块**:负责将对象转换为可以在网络上传输的字节流,以及将接收到的字节流还原为对象。 4. **网络传输模块**:处理客户端和服务端之间的数据传输。 5. **协议解析模块**:解析和构造RPC请求和...

    用ajax实现新闻发布系统

    【标题】:用Ajax实现新闻发布系统的详解 在现代Web应用中,实时更新和无刷新页面交互已经成为提升用户...同时,结合Java的JDBC、DAO和Servlet三层架构,实现了数据处理的模块化和解耦,使得系统更易于维护和扩展。

    MicrosoftAjax.js 实现Ajax类库

    6. **异步编程模型**:MicrosoftAjax.js引入了`Sys.AsyncResult`和`Sys.Threading`模块,支持异步操作的管理和回调,使代码结构更加清晰。 7. **UpdatePanel**:微软特有的Ajax组件,它允许开发者将页面的一部分...

    ajax在jsp、struts、servlet、webwork中的应用

    4. **WebWork**:是另一个流行的Java Web应用框架,主要用于构建高度模块化和易于维护的应用程序。虽然现在已经被Struts 2所取代,但在其流行时期,WebWork被广泛应用于企业级应用开发中。 #### 三、AJAX原理与实现...

    自己封装的一个ajax的小工具

    总的来说,这个小工具体现了模块化和定制化的开发思想,旨在为开发者提供一个轻便、高效的Ajax解决方案,降低项目依赖,提升开发效率。通过学习和理解这个工具的实现,开发者可以更深入地理解Ajax的工作原理,以及...

    ajax封装实例代码

    Ajax封装则是将常见的Ajax操作进行模块化处理,方便开发者在项目中快速、高效地实现数据交互。本篇文章将深入探讨Ajax封装实例代码及其相关知识点。 首先,我们来看Ajax的核心原理:通过JavaScript创建...

Global site tag (gtag.js) - Google Analytics