欢迎访问: www.ptcms.cn
ajax中常用的三种数据格式分别为xml, text, json(JavaScript Object Notation)。
特地将其用例结合起来，如下：
|
<html><head>
<script>
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function xmlReq(){
createXMLHttpRequest();
xmlHttp.onreadystatechange = xmlhandle;
xmlHttp.open("GET", "data.xml", true);
xmlHttp.send(null); //发送请求
}
function xmlhandle(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
var xmlDOM = xmlHttp.responseXML;// 取得XML的DOM对象
var root = xmlDOM.documentElement;
var info = root.getElementsByTagName('info');// 取得<info>结果
alert("XML's value: " + info[0].firstChild.data);
}
}
}
function txtReq(){
createXMLHttpRequest();
xmlHttp.onreadystatechange = txthandle;
xmlHttp.open("GET", "data.txt", true);
xmlHttp.send(null); //发送请求
}
function txthandle(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
alert("Text's value: " + xmlHttp.responseText);
}
}
}
function jsonReq(){
createXMLHttpRequest();
xmlHttp.onreadystatechange = jsonhandle;
xmlHttp.open("GET", "data.txt", true);
xmlHttp.send(null); //发送请求
}
function jsonhandle(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
var resp = xmlHttp.responseText;// 构造返回JSON对象的方法
var func = new Function("return "+resp);
var json = func();// 得到JSON对象
alert("JSON's value: " + json.info + "(" + json.version + "v)");
}
}
}
</script>
<title>Ajax Hello World</title>
</head>
<body>
<input type="button" value="XML" onclick="xmlReq();" />
<input type="button" value="Text" onclick="txtReq();" />
<input type="button" value="JSON" onclick="jsonReq();" />
</body>
</html>
|
其中用到的data.txt:
|
{
info: "hello weixq!",
version: "2.0"
}
|
data.xml:
|
<?xml version="1.0" encoding="GB2312" ?>
<root>
<info>hello world!</info>
</root>
|
分享到：
相关推荐
**Ajax与XML数据格式** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它的核心是JavaScript的XMLHttpRequest对象，使得浏览器可以发送异步HTTP请求，...
介绍了AJax中传输数据的一种新形式：JSON
freemarker ajax 请求json数据格式 联动下拉 漂亮的弹出框 提示框freemarker ajax 请求json数据格式 联动下拉 漂亮的弹出框 提示框freemarker ajax 请求json数据格式 联动下拉 漂亮的弹出框 提示框freemarker ajax ...
然而，"ajax的xml格式传输"这个主题涉及到的是Ajax在处理XML数据时的具体操作。 XML（Extensible Markup Language）是一种用于存储和传输结构化数据的标准格式，它具有良好的可读性和可扩展性。在Ajax中使用XML，...
JSON由于其轻量级和易处理的特性，已经成为Ajax通信的首选数据格式。 ### 4. 异常处理 在发送Ajax请求时，应考虑可能出现的错误情况，如网络中断、服务器错误等。可以监听`onerror`事件或检查`status`属性来处理...
这里，`data`字段包含了要发送到服务器的JSON对象，`contentType`定义了数据格式。 3. **Ajax调用后台方法返回数组数据** 有时，服务器返回的数据可能是一个数组，例如JSON数组。在`dataType`设置为'json'时，...
假设我们接收到的是JSON格式的数据，可以这样操作： ```javascript success: function(response) { var jsonData = JSON.parse(response); // 使用jsonData } ``` 3. **将数据传递给外部函数**： 要将数据...
SSH 框架 Ajax 获取的 JSON 格式数据处理过程 在本文中，我们将详细讲解如何使用 SSH 框架中的 Ajax 获取的 JSON 格式数据处理过程，并且实现菜单联动下拉框的功能。 一、Ajax 中 response 返回的数据是一个二维...
4. **数据格式**：尽管名字中有XML，但现在更常见的是使用JSON（JavaScript Object Notation），因为JSON更轻量级，解析更快，且与JavaScript语法兼容。 5. **DOM操作**：接收到服务器响应后，Ajax会通过JavaScript...
// 将数据转换为JSON格式 String jsonData = convertToJson(data); response.setContentType("application/json"); response.getWriter().write(jsonData); } private String convertToJson(List, Object>> ...
通过该示例代码，可以实现客户端和服务器端之间的数据交互，並使用 JSON 数据格式来传递数据。该方法可以广泛应用于 Web 开发中，以实现异步数据交互和数据传递。 知识点总结： 1. 使用 $.ajax 对象实现异步数据...
总结来说，从给定文件的内容来看，介绍了 JSON 数据格式的特性，jQuery 中处理 Ajax 请求的基本方式，以及如何通过 jQuery 的 `$.ajax()` 和 `$.getJSON()` 方法获取和处理 JSON 数据。同时，还通过实际的代码示例，...
在Web开发中，Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在处理Ajax返回的JSON（JavaScript Object Notation）数据时...
在本文中，我们将深入探讨如何使用Ajax技术读取数据，并结合JqChart库来创建动态且交互式的图表。首先，让我们了解Ajax的核心概念，然后详细分析JqChart库的使用，以及如何将从服务器获取的数据整合到图表中。 **...
- **数据格式**：虽然名称中有XML，但实际数据传输可以是JSON、XML、文本等多种格式，JSON因其轻量级和易读性在现代Web应用中更为常用。 - **JavaScript库**：jQuery、AngularJS、Vue.js等JavaScript库提供了方便的...
在这个方法中，你可以从数据库或其他数据源获取数据，封装成JSON格式返回。例如，用`org.json`库的`JSONArray`或`Gson`库将Java对象转换为JSON。 3. **Ajax请求与数据传输** 前端使用JavaScript的XMLHttpRequest...
3. 发起AJAX请求，如`$.ajax()`，指定URL、类型（GET或POST）、数据格式（JSON）以及成功回调函数。 4. 在回调函数中，解析返回的JSON数据，将其转换为JavaScript对象。 5. 使用jQuery方法将JavaScript对象的数据...
这时，我们可以通过Ajax发送异步请求到服务器，请求的数据格式通常是JSON，因为JSON轻量级且易于解析。 以下是一个基本的流程示例： 1. **初始化ECharts实例**：在HTML中创建一个用于展示图表的div容器，然后通过...
本文实例分析了ajax请求之返回数据的顺序问题。分享给大家供大家参考，具体如下： ajax请求一个url，php后端处理后，数组为如下格式： 代码如下:$a = array( ‘-1’=> 10 ,’-3′ => 2, ‘0’ => ‘5’ ,’-2′ => ...