封装Ajax

//封装Ajax 
function ajax(obj) { 
     var xhr = new createXHR(); 
     obj.url = obj.url + '?rand=' + Math.random(); 
     obj.data = params(obj.data); 
if (obj.method === 'get') obj.url = obj.url.indexOf('?') == -1 ? 
     obj.url + '?' + obj.data : obj.url + '&' + obj.data; 
if (obj.async === true) { 
     xhr.onreadystatechange = function () { 
     if(xhr.readyState==4)callback(); 
     }; 
     xhr.open(obj.method,obj.url,obj.async); 
if(obj.method==='post'){ 
     xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
     xhr.send(obj.data); 
}else{ 
     xhr.send(null); 
if(obj.async===false){ 
     callback(); 
function callback(){ 
     if(xhr.status==200){ 
        obj.success(xhr.responseText); //回调 
}else{ 
        alert('数据返回失败!状态代码: '+xhr.status+',状态信息: '+xhr.statusText); 
      } 
   } 
 
//调用ajax 
addEvent(document,'click',function(){ //IE6需要重写addEvent 
ajax({ 
    method:'get', 
    url:'demo.php', 
    data:{ 
        'name':'Lee', 
        'age':100 
}, 
    success:function(text){ 
    alert(text); 
}, 
    async:true 
}); 
}); 
 
//名值对编码 
function params(data){ 
var arr=[]; 
for(var i in data){ 
arr.push(encodeURIComponent(i)+'='+encodeURIComponent(data[i])); 
    } 
    return arr.join('&'); 
}
代码转载自:https://pan.quark.cn/s/7f503284aed9 Hibernate的核心组件总数达到五个,具体包括:Session、SessionFactory、Transaction、Query以及Configuration。 这五个核心组件在各类开发项目中都具有普遍的应用性。 借助这些组件,不仅可以高效地进行持久化对象的读取与存储,还能够实现事务管理功能。 接下来将通过图形化的方式,逐一阐述这五个核心组件的具体细节。 依据所提供的文件内容,可以总结出以下几个关键知识点:### 1. SSH框架详细架构图尽管标题提及“SSH框架详细架构图”,但在描述部分并未直接呈现关于SSH的详细内容,而是转向介绍了Hibernate的核心接口。 然而,在此我们可以简要概述SSH框架(涵盖Spring、Struts、Hibernate)的核心理念及其在Java开发中的具体作用。 #### Spring框架- **定义**:Spring框架是一个开源架构,其设计目标在于简化企业级应用的开发流程。 - **特点**: - **分层结构**:该框架允许开发者根据实际需求选择性地采纳部分组件,而非强制使用全部功能。 - **可复用性**:Spring框架支持创建可在不同开发环境中重复利用的业务逻辑和数据访问组件。 - **核心构成**: - **核心容器**:该部分包含了Spring框架的基础功能,其核心在于`BeanFactory`,该组件通过工厂模式运作,并借助控制反转(IoC)理念,将配置和依赖管理与具体的应用代码进行有效分离。 - **Spring上下文**:提供一个配置文件,其中整合了诸如JNDI、EJB、邮件服务、国际化支持等企业级服务。 - **Spring AO...
封装AJAX请求是前端开发中常见的操作,目的是简化代码、提高可重用性。以下介绍几种常见的封装方式: ### 使用 XMLHttpRequest 对象封装 ```javascript function ajaxRequest(url, method = 'GET', data = null, success, error) { // 创建 XMLHttpRequest 对象 const xhr = new XMLHttpRequest(); // 打开连接 xhr.open(method, url, true); // 设置请求头,对于 POST 请求,设置为 JSON 格式 if (method === 'POST') { xhr.setRequestHeader('Content-Type', 'application/json'); } // 监听状态变化 xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status >= 200 && xhr.status < 300) { if (success) { success(xhr.responseText); } } else { if (error) { error(xhr.status, xhr.statusText); } } } }; // 发送请求 if (data) { xhr.send(JSON.stringify(data)); } else { xhr.send(); } } // 使用示例 ajaxRequest('https://example.com/api', 'GET', null, function(response) { console.log('请求成功:', response); }, function(status, statusText) { console.log('请求失败:', status, statusText); }); ``` ### 使用 Fetch API 封装 ```javascript function fetchRequest(url, method = 'GET', data = null) { const options = { method: method }; if (method === 'POST' && data) { options.headers = { 'Content-Type': 'application/json' }; options.body = JSON.stringify(data); } return fetch(url, options) .then(response => { if (response.ok) { return response.json(); } throw new Error('请求失败'); }) .then(data => { return data; }) .catch(error => { console.log('错误信息:', error); }); } // 使用示例 fetchRequest('https://example.com/api', 'POST', { key: 'value' }) .then(data => { console.log('请求成功:', data); }); ``` ### 使用 jQuery 封装 ```javascript function jqueryAjax (url, params, json = 'html', callback, type = 'post') { $.ajax({ type: type, url: url, data: params, dataType: json, success: function (res) { if (callback) { callback(res); } }, error: function (res) { console.log('无法与服务器连接'); } }); } // 使用示例 jqueryAjax('https://example.com/api', { key: 'value' }, 'json', function(response) { console.log('请求成功:', response); }, 'POST'); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值