一个ajax的完整js

由于原来的js有点错误。故做了修改:

// JavaScript Document
var Try = {
these: function(){
var returnValue;
for(var i=0; i<arguments.length; i++){
var lambda = arguments[i];
try{
returnValue = lambda();
break;
}catch(e){}
}
return returnValue;
}
}
function NewxmlHttpRequest(){
return Try.these(
function() {return new ActiveXObject('MSXML2.XMLHttp.6.0')},
function() {return new ActiveXObject('MSXML2.XMLHttp.3.0')},
function() {return new XMLHttpRequest()},
function() {return new ActiveXObject('MSXML2.XMLHttp.5.0')},
function() {return new ActiveXObject('MSXML2.XMLHttp.4.0')},
function() {return new ActiveXObject('Msxml2.XMLHTTP')},
function() {return new ActiveXObject('MSXML.XMLHttp')},
function() {return new ActiveXObject('Microsoft.XMLHTTP')}
) || null;

}
 //ID 接受的ID
 //beload 加载时显示的文字/图片
 //URL 要查询的URL
 //isTrue 是否异步工作
function GetAjax(ID,beload,URL,isTrue)
{
var Ajax;
 Ajax=NewxmlHttpRequest();
 //alert(Ajax);
 if(!Ajax)
 {
  alert("创建ajax对象失败");
  return;
 }
 Ajax.open("GET", URL,isTrue);
 Ajax.send(null);
 Ajax.onreadystatechange=function()
 {
 if(Ajax.readyState==4)
 {
  if (Ajax.status == 200)
  {
   GetID(ID).innerHTML=Ajax.responseText;
  }
  else
  {
   GetID(ID).innerHTML="没有找到数据";
  }
 }
 else
 {
  GetID(ID).innerHTML=beload;
 }
 }
}
function GetID(ID)
{
 var getid=false;
 getid=document.getElementById(ID);
 //alert(getid);
 return getid;
 }
function AjaxValue(URL,isTrue)
{
var Ajax;
 Ajax=NewxmlHttpRequest();
 //alert(Ajax);
 if(!Ajax)
 {
  alert("创建ajax对象失败");
  return;
 }
 Ajax.open("GET", URL,isTrue);
 Ajax.send(null);
 if(Ajax.readyState==4)
 {
  if (Ajax.status == 200)
  {
   return Ajax.responseText;
  }
  else
  {
   return "";
  }
 }
}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 我不太懂你的问题,但是我知道Ajax是一种网络技术,它可以用来在无需重新加载整个网页的情况下与服务器通信。而JavaScript是一种常用的编程语言,可以用来对网页的内容和行为进行操作。因此,使用JavaScript封装Ajax可以让你更容易地与服务器进行通信。 ### 回答2: 封装一个基本的Ajax请求函数,可以像这样: ```javascript function ajax(url, method, data, successCallback, errorCallback) { var xhr = new XMLHttpRequest(); xhr.open(method, url, true); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { if (xhr.status === 200) { successCallback(xhr.responseText); } else { errorCallback(xhr.status); } } }; xhr.setRequestHeader('Content-Type', 'application/json'); xhr.send(JSON.stringify(data)); } ``` 上面的`ajax`函数接受五个参数:`url`是请求的URL,`method`是请求的方法(例如'GET'、'POST'等),`data`是请求的数据(以JSON格式),`successCallback`是请求成功后的回调函数,`errorCallback`是请求失败后的回调函数。 使用这个封装好的Ajax函数,可以简化发送Ajax请求的代码。例如,发送一个GET请求: ```javascript ajax('/api/data', 'GET', null, function(response) { console.log('请求成功:', response); }, function(errorStatus) { console.log('请求失败,错误状态码:', errorStatus); }); ``` 发送一个POST请求: ```javascript var postData = { username: 'bob', password: '123456' }; ajax('/api/login', 'POST', postData, function(response) { console.log('请求成功:', response); }, function(errorStatus) { console.log('请求失败,错误状态码:', errorStatus); }); ``` 这样,我们就可以通过调用`ajax`函数来发送各种类型的Ajax请求,并在成功或失败时执行相应的回调函数。这样的封装可以提高代码的可读性和复用性。 ### 回答3: 使用JavaScript封装一个Ajax可以通过如下步骤实现: 1. 创建一个XMLHttpRequest对象: ```javascript function createHttpRequest() { return new XMLHttpRequest(); } ``` 2. 实现一个发送Ajax请求的函数: ```javascript function ajax(url, method, data, success, error) { var xhr = createHttpRequest(); xhr.open(method, url, true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { if (xhr.status === 200) { success(xhr.responseText); } else { error(xhr.statusText); } } }; xhr.send(data); } ``` 3. 调用发送Ajax请求的函数: ```javascript ajax('http://example.com/api', 'POST', 'data=test', function(response) { console.log('请求成功,返回数据:', response); }, function(error) { console.error('请求失败,错误信息:', error); }); ``` 在上述代码中,先用`createHttpRequest()`函数创建了一个XMLHttpRequest对象,然后通过`open()`方法设置请求的URL和请求方法。在这个例子中,请求使用POST方法,携带的数据为`data=test`。使用`setRequestHeader()`方法设置请求头信息。接着使用`onreadystatechange`监听请求状态变化,并在状态为4时判断请求状态码,如果为200表示请求成功,调用`success()`函数处理返回的数据;如果不为200,表示请求失败,调用`error()`函数处理错误信息。最后使用`send()`方法发送请求。 这样就完成了一个简单的用于发送Ajax请求的封装函数。可以根据需要,自定义更多参数和处理方式来进一步完善这个封装。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值