当前位置:首页 > 开发教程 > ajax教程 >

Ajax.Request()的用法

时间:2013-04-25 00:09 来源:网络整理 作者:采集侠 收藏

Prototype 有三个对象用于 ajax 功能 : Ajax.Request,Ajax.Updater 和 Ajax.PeriodicalUpdater.。Ajax.request 的用法。创建一个 xml 文件用于获取数据。?xml

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

  Ajax.Request 的用法:

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

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

  <parameters>

  <param>data1</param>

  <param>data2</param>

  <param>data3</param>

  <param>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 类库

相关文章:AJAX实例入门

开门见山 这些时间,瞎子也看得见,ajax正大踏步的朝我们走来。 import java.io.IOException; import java.io.PrintWriter;import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax。


ajax教程阅读排行

最新文章