`
wfdoublext
  • 浏览: 129906 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

ajax reponseXML json

    博客分类:
  • ajax
阅读更多
<script>
var req = null;
function processReqChange() {
  if (req.readyState == 4 && req.status == 200 && req.responseXML ) {
    var dtable = document.getElementById( 'dataBody' );
    var nl = req.responseXML.getElementsByTagName( 'book' );
    for( var i = 0; i < nl.length; i++ ) {
      var nli = nl.item( i );
      var elAuthor = nli.getElementsByTagName( 'author' );
      var author = elAuthor.item(0).firstChild.nodeValue;
      var elTitle = nli.getElementsByTagName( 'title' );
      var title = elTitle.item(0).firstChild.nodeValue;

      var elTr = dtable.insertRow( -1 );

      var elAuthorTd = elTr.insertCell( -1 );
      elAuthorTd.innerHTML = author;

      var elTitleTd = elTr.insertCell( -1 );
      elTitleTd.innerHTML = title;
} } }

function loadXMLDoc( url ) {
  if(window.XMLHttpRequest) {
    try { req = new XMLHttpRequest();
    } catch(e) { req = false; }
  } else if(window.ActiveXObject) {
    try { req = new ActiveXObject('Msxml2.XMLHTTP');
    } catch(e) {
    try { req = new ActiveXObject('Microsoft.XMLHTTP');
    } catch(e) { req = false; }
  } }
  if(req) {
    req.onreadystatechange = processReqChange;
    req.open('GET', url, true);
    req.send('');
  }
}

var url = window.location.toString();
url = url.replace( /pat2_xml.html/, 'pat2_xml_data.xml' );
loadXMLDoc( url );
</script>

 

 

 XML:

<books>
  <book>
    <author>Jack Herrington</author>
    <title>Code Generation in Action</title>
  </book>
  <book>
    <author>Jack Herrington</author>
    <title>Podcasting Hacks</title>
  </book>
  <book>
    <author>Jack Herrington</author>
    <title>PHP Hacks</title>
  </book>
</books>

 

 

json:JavaScript Object Notation(JSON)

var req = null;
function processReqChange() {
  if (req.readyState == 4 && req.status == 200 ) {
    var dtable = document.getElementById( 'dataBody' );
    var books = eval( req.responseText );
    for( var b in books ) {
      var elTr = dtable.insertRow( -1 );

      var elAuthorTd = elTr.insertCell( -1 );
      elAuthorTd.innerHTML = books[b].author;

      var elTitleTd = elTr.insertCell( -1 );
      elTitleTd.innerHTML = books[b].title;
} } }



[ { author: 'Jack Herrington', title: 'Code Generation in Action' },
{ author: 'Jack Herrington', title: 'Podcasting Hacks' },
{ author: 'Jack Herrington', title: 'PHP Hacks' }
]

 

分享到:
评论

相关推荐

    ajax+json实例

    **Ajax+JSON 实例详解** 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术已经成为提升用户体验的重要工具,它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON(JavaScript Object ...

    一头扎进Ajax&Json视频教程第一讲

    在IT行业中,Ajax(Asynchronous JavaScript and XML)与Json(JavaScript Object Notation)是Web开发中的重要技术,尤其在创建动态、交互性丰富的网页应用时不可或缺。本视频教程"一头扎进Ajax&Json视频教程第一讲...

    Ajax+JSON 搜索框自动完成提示功能

    标题 "Ajax+JSON 搜索框自动完成提示功能" 涉及的是网页开发中的一个常见技术,用于提高用户输入体验。Ajax(异步JavaScript和XML)是Web开发中的一种技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据...

    AjaxJson实体类与依赖包

    AjaxJson result = JSON.parseObject(jsonString, AjaxJson.class); ``` 综上所述,`AjaxJson`实体类与`fastjson`库的结合使用,可以极大地提高后端处理Ajax请求和响应的效率,同时简化了前后端之间的数据交互。在...

    AjaxJson 实例 AjaxJson

    AjaxJson 是一种在 Web 应用程序中实现异步数据交换的技术,它结合了 AJAX(Asynchronous JavaScript and XML)和 JSON(JavaScript Object Notation)的优势,使得网页可以在不刷新整个页面的情况下与服务器进行...

    ajax返回json对象.zip

    "Ajax返回JSON对象"这个主题聚焦于Ajax如何处理JSON(JavaScript Object Notation)数据格式,这是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 1. **Ajax基础**: - **异步通信**:...

    SSH1,JQuery的ajax返回json二维数组处理过程

    在本文中,我们将探讨如何使用SSH1框架与jQuery的AJAX功能来处理JSON二维数组,特别是在实现菜单联动下拉框的场景中。SSH1(Spring、Struts、Hibernate)是Java开发中的一个流行MVC框架组合,而jQuery的AJAX功能则...

    掌握Ajax使用 JSON 进行数据传输

    掌握Ajax使用 JSON 进行数据传输 掌握Ajax使用 JSON 进行数据传输 掌握Ajax使用 JSON 进行数据传输

    什么是Ajax和json???

    ### 什么是Ajax和JSON? #### 1. Ajax详解 ##### 1.1 定义Ajax **Ajax**(Asynchronous JavaScript and XML)是一组技术的集合,这些技术结合在一起能够实现浏览器端对用户请求的异步处理,从而提高用户体验。...

    Ajax-json.rar_JSON_ajax json_java Jquery ajax_javascript_json aj

    在IT行业中,Ajax(异步JavaScript和XML)与JSON(JavaScript Object Notation)是Web开发中的核心技术,尤其在创建交互式、动态网页时扮演着重要角色。本资源"Ajax-json.rar"显然是一份关于如何利用AJAX和JSON进行...

    AJAX+json初学案例

    这个“AJAX+json初学案例”旨在帮助初学者理解如何通过AJAX获取并处理JSON数据。 首先,我们来看`ajax.html`。这是网页的前端部分,通常包含HTML、CSS和JavaScript。在JavaScript中,我们会使用AJAX技术来异步请求...

    jQuery-ajax-json实现自动轮播图.rar

    本教程将介绍如何利用jQuery、ajax和json技术来实现一个自动轮播图的功能。jQuery是一个轻量级的JavaScript库,极大地简化了DOM操作、事件处理和Ajax交互;ajax用于异步数据传输,使页面无需刷新即可获取新数据;...

    Ajax+JSON 提交数据的演示

    在现代Web开发中,Ajax(Asynchronous JavaScript and XML)技术和JSON(JavaScript Object Notation)的结合,已经成为一种高效、灵活的数据交互方式。本教程将深入探讨如何利用Ajax和JSON来改进传统的HTML表单数据...

    ajax操作json数据

    在"ajax操作json数据"这个主题中,我们将深入探讨如何使用AJAX来处理和解析JSON数据。 首先,让我们了解AJAX的基本工作原理。AJAX通过创建XMLHttpRequest对象(在现代浏览器中通常称为`fetch` API)来实现异步通信...

    ajax 解析json数据

    在AJAX中解析JSON数据是常见的操作,尤其在前后端交互时。本篇将详细讲解两种AJAX解析JSON数据的方法,并提供示例代码。 方法一:使用`XMLHttpRequest`对象 在JavaScript中,我们可以使用内置的`XMLHttpRequest`...

    php-curl+ajax+json数据传输2.0版本

    文件名`ajax_json_curl`暗示了这是一个关于AJAX、JSON和cURL的组合实现,可能包含了示例代码、配置文件或测试数据。 总结起来,"php-curl+ajax+json数据传输2.0版本"是利用PHP-cURL解决AJAX跨域请求的一种解决方案...

    springMVC+ajax+json

    Spring MVC、Ajax 和 JSON 是现代Web开发中的关键技术,它们共同构建了高效、动态的用户界面。下面将详细解释这三个技术及其在实际应用中的结合。 **Spring MVC** Spring MVC 是 Spring 框架的一部分,用于构建基于...

    ajax+json仿照google提示

    在IT行业中,Ajax(异步JavaScript和XML)与JSON(JavaScript Object Notation)的结合是构建现代Web应用程序的关键技术之一,尤其是对于实现类似Google搜索提示的功能。本文将深入探讨这两个技术以及如何利用它们来...

    Java+Ajax+JSON

    在IT行业中,Java、Ajax和JSON是开发交互式Web应用程序时不可或缺的技术。下面将详细讲解这三个概念及其相互之间的关系。 **Java** 是一种广泛使用的面向对象的编程语言,以其跨平台性和高性能而闻名。在Web开发...

    平台java前端ajax,json请求

    本话题主要关注在Web平台中,使用Java后端和JavaScript前端进行JSON数据交互的过程,具体涉及到AJAX(Asynchronous JavaScript and XML)技术以及JSON(JavaScript Object Notation)数据格式。 **1. AJAX**:AJAX ...

Global site tag (gtag.js) - Google Analytics