一下为Ajax基础教程一书提供的实例
jsonExample.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JSON Example</title>
<script type="text/javascript" src="json.js"></script>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function doJSON() {
var car = getCarObject();
//Use the JSON JavaScript library to stringify the Car object
var carAsJSON = JSON.stringify(car);
alert("Car object as JSON:\n " + carAsJSON);
var url = "JSONExample?timeStamp=" + new Date().getTime();
createXMLHttpRequest();
xmlHttp.open("POST", url, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(carAsJSON);
}
function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
parseResults();
}
}
}
function parseResults() {
var responseDiv = document.getElementById("serverResponse");
if(responseDiv.hasChildNodes()) {
responseDiv.removeChild(responseDiv.childNodes[0]);
}
var responseText = document.createTextNode(xmlHttp.responseText);
responseDiv.appendChild(responseText);
}
function getCarObject() {
return new Car("Dodge", "Coronet R/T", 1968, "yellow");
}
function Car(make, model, year, color) {
this.make = make;
this.model = model;
this.year = year;
this.color = color;
}
</script>
</head>
<body>
<br/><br/>
<form action="#">
<input type="button" value="Click here to send JSON data to the server" onclick="doJSON();"/>
</form>
<h2>Server Response:</h2>
<div id="serverResponse"></div>
</body>
</html>
JSONExample.java(servlet)
package json;
import java.io.*;
import java.net.*;
import java.text.ParseException;
import javax.servlet.*;
import javax.servlet.http.*;
import org.json.*;
public class JSONExample extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String json = readJSONStringFromRequestBody(request);
//Use the JSON-Java binding library to create a JSON object in Java
JSONObject jsonObject = null;
try {
jsonObject = new JSONObject(json);
}
catch(ParseException pe) {
System.out.println("ParseException: " + pe.toString());
}
String responseText = "You have a " + jsonObject.getInt("year") + " "
+ jsonObject.getString("make") + " " + jsonObject.getString("model")
+ " " + " that is " + jsonObject.getString("color") + " in color.";
response.setContentType("text/xml");
response.getWriter().print(responseText);
}
private String readJSONStringFromRequestBody(HttpServletRequest request){
StringBuffer json = new StringBuffer();
String line = null;
try {
BufferedReader reader = request.getReader();
while((line = reader.readLine()) != null) {
json.append(line);
}
}
catch(Exception e) {
System.out.println("Error reading JSON string: " + e.toString());
}
return json.toString();
}
}
分享到：
相关推荐
在这个例子中，我们创建了一个新的XMLHttpRequest对象，设置了请求类型为GET，请求的URL指向'data.json'，然后定义了一个回调函数来处理响应。当服务器返回响应且状态为200时，我们将响应文本解析为JSON对象，并打印...
在这个例子中，服务器端通过`JsonResult`返回JSON格式的用户信息，客户端通过AJAX请求获取这些信息并解析显示。 **五、总结** AJAX+JSON在.NET环境中的应用大大提高了Web应用程序的交互性和效率，减少了不必要的...
这个压缩包文件中的例子涵盖了Ajax、jQuery和JSON的基础使用，从简单的GET请求到复杂的异步数据交互，对于初学者来说是非常宝贵的资源。通过学习和实践这些例子，你可以更好地理解和掌握如何使用Ajax和jQuery来创建...
在本例子中，“json+AJAX例子”展示了如何结合两者来实现动态的数据交互。 首先，让我们了解AJAX的工作原理。AJAX的核心是XMLHttpRequest对象，它允许JavaScript在后台与服务器进行通信，无需用户进行任何操作。在...
总结起来，"struts2+jquery+json+ajax"的例子展示了如何利用这些技术协同工作，实现一个无刷新的登录界面，提供流畅的用户体验。通过Struts2处理业务逻辑和数据验证，jQuery和Ajax负责前后端的通信，JSON作为数据...
在这个例子中，我们向服务器请求名为 `data.json` 的文件，当请求成功时，将 JSON 数据解析并显示在 ID 为 'result' 的元素内。 在学习 AjaxJson 时，你需要掌握 JavaScript 基础，特别是 DOM 操作和 JSON 相关知识...
标题"ajax例子，json例子"暗示我们将讨论如何使用Ajax技术来处理JSON数据。Ajax的核心在于XMLHttpRequest对象，它提供了与服务器异步通信的能力。下面，我们将深入探讨这两个概念及其结合使用的方法。 1. **Ajax...
在这个“jquery ajax json”的例子中，我们将探讨如何结合这三者实现动态的数据加载。 首先，`display.html`是主页面，它包含HTML结构以及调用jQuery AJAX函数的JavaScript代码。在这个HTML文件中，通常会有一个...
在服务器端处理JSON数据的例子如下： ```java import org.json.JSONObject; public void handleRequest(String jsonData) { JSONObject jsonObject = new JSONObject(jsonData); String name = jsonObject....
主要是用到jquery的ajax，java中的hibernate4的调用mysql数据和struts2地址重定向，并把数据转换成json数据，经过html页面中的javascript调用后台数据，有添加，修改，删除，查询等简单功能，适用于有ajax初学者，...
在"一个简单的JSON+AJAX"的例子中，我们可以推测这个压缩包可能包含了一个名为`json.js`的文件，该文件可能是实现了一个简单的AJAX请求，以JSON格式交换数据的示例。以下是一个可能的`json.js`实现： ```javascript...
总的来说，"Struts2+json+ajax整合例子"是一个实用的教学资源，帮助开发者了解如何在实际项目中利用这些技术进行高效的Web开发。通过学习和实践这个例子，开发者可以提升其在Web应用程序开发中的技能。
在这个例子中，我们创建了一个新的XMLHttpRequest对象，设置请求方法为POST，目标URL为'/api/data'，并指定了Content-Type为'application/json'，表示我们将发送Json格式的数据。当请求状态改变时，我们检查...
总结来说，这个综合例子展示了如何结合使用AJAX、jQuery和JSON，实现从服务器获取数据并在客户端动态呈现，尤其适合实时更新数据的场景，例如实时股票报价、天气预报等。熟练掌握这些技术对于任何Web开发者来说都是...
在Web开发中，jQuery、Ajax和JSON是三个非常重要的技术，它们共同构成了高效、动态的用户界面的基础。本文将深入探讨这些技术，并结合一个名为"TestJQuery"的示例来展示它们如何协同工作。 首先，jQuery是一个...
"js json ajax jsp 跨域訪問的例子"这个主题涉及到JavaScript、JSON、AJAX以及JSP等关键技术，它们在处理跨域问题时各自扮演着重要角色。下面我们将详细探讨这些技术及其在跨域访问中的应用。 首先，JavaScript（JS...
在"AJAX+JSON例子.rar"这个压缩包中，我们很可能会找到一个示例项目，展示了如何使用AJAX和JSON进行前后端交互。这个例子可能包括HTML页面、JavaScript脚本以及服务器端的处理脚本。以下是对这些关键部分的详细解释...
在这个"AjaxJson应用小例子"中，我们将深入探讨如何在Java环境下，结合Struts1.3框架，使用Ajax和JSON进行数据交互。 首先，我们需要了解Struts1.3框架。Struts是Apache组织开发的一个MVC（Model-View-Controller）...