当前位置导航:炫浪网>>网络学院>>网页制作>>ASP.NET教程

Ajax.Request()

  Prototype 有三个对象用于 Ajax 功能 : Ajax.Request,Ajax.Updater 和 Ajax.PeriodicalUpdater.

  Ajax.Request 的用法:

  创建一个 xml 文件用于获取数据:

  <?xml version="1.0" encoding="utf-8" ?>

  <parameters>

  <param id="1">data1</param>

  <param id="2">data2</param>

  <param id="3">data3</param>

  <param id="4">data4</param>

  </parameters>

  保存名为:data.xml

  在页面中:

  function getData()

  {

  var url = "data.xml";    //请求的路径

  var parseResponse = function(xhrResponse)  //参数 xhrResponse是由服务器传回来的数据

  {

  // 对数据进行操作

  var response = xhrResponse.responseXML;  //得到传来的数据的结构体

  var paraList = response.getElementsByTagName('param');  //得到标签为 param 的数据

  var out = "<ul>";

  //循环将数据给添加到 <li> 标签中

  for(var i = 0 , il = paraList.length; i < il;)

  {

  out += "<li>"  + paramList[i++].firstChild.nodeValue + "</li>";

  }

  out += "</ul>";

  // list 是一个 div 层

  $('list').innerHTML = out;

  }

  var myAjax = Ajax.Request(

  url,  //发送请求的路径

  {

  //一系列的参数

  method:'get',  //此处为以 get 的方式请求数据

  onSuccess:parseResponse,    //如果请求成功,则执行该函数

  onFailure:function(xhrResponse)  //失败则提示

  {

  alert(xhrResponse.statusText);

  }

  }

  )

  }

  //以上代码假设已经引入了 prototype.js 类库

相关内容
赞助商链接