1。定义一个模型person
package com.jiji.model;
public class Person
{
private int id;
private String name;
private int age;
private String address;
public int getId()
{
return id;
}
public void setId(int id)
{
this.id = id;
}
public String getName()
{
return name;
}
public void setName(String name)
{
this.name = name;
}
public int getAge()
{
return age;
}
public void setAge(int age)
{
this.age = age;
}
public String getAddress()
{
return address;
}
public void setAddress(String address)
{
this.address = address;
}
}
2.定义一个servlet。
package com.jiji.test;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.dom4j.Document;
import org.dom4j.DocumentHelper;
import org.dom4j.Element;
import org.dom4j.io.OutputFormat;
import org.dom4j.io.XMLWriter;
import com.jiji.model.Person;
public class XMLServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String name = req.getParameter("name");
Person person = new Person();
if ("zhangsan".equals(name)) {
person.setId(1);
person.setName("zhangsan");
person.setAddress("beijing");
person.setAge(30);
} else {
person.setId(2);
person.setName("lisi");
person.setAddress("shanghai");
person.setAge(20);
}
//生成xml文件
Document document = DocumentHelper.createDocument();
Element rootElement = document.addElement("users");
rootElement.addComment("This is a comment!");
Element userElement = rootElement.addElement("user");
Element idElement = userElement.addElement("id");
Element nameElement = userElement.addElement("name");
Element ageElement = userElement.addElement("age");
Element addressElement = userElement.addElement("address");
idElement.setText(person.getId() + "");
nameElement.setText(person.getName());
ageElement.setText(person.getAge() + "");
addressElement.setText(person.getAddress());
resp.setContentType("text/xml; charset=utf-8");
resp.setHeader("pragma", "no-cache");
resp.setHeader("cache-control", "no-cache");
PrintWriter out = resp.getWriter();
//格式化文件
OutputFormat format = OutputFormat.createPrettyPrint();
format.setEncoding("utf-8");
XMLWriter xmlWriter = new XMLWriter(out, format);
xmlWriter.write(document);
out.flush();
}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
this.doPost(req, resp);
}
}
3.定义一个jsp文件显示。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'xml.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="scripts/jquery-1.9.0.js"></script>
<script type="text/javascript">
$(function()
{
$("#button1").click(function()
{
$.ajax({
type: "POST",
url: "XMLServlet",
dateType: "xml",
data: {name: $("#name").val()},
success: function(returnedData){
alert(returnedData);
var id = $(returnedData).find("id").text();
var name = $(returnedData).find("name").text();
var age = $(returnedData).find("age").text();
var address = $(returnedData).find("address").text();
var html = "<table width='60%' border='1' align='center'><tr><th>id</th><th>name</th><th>age</th><th>address</th><tr align='center'><td>" + id + "</td><td>" + name + "</td><td>" + age + "</td><td>" + address + "</td></tr></table>";
$("#theBody table:eq(0)").remove();
$("#theBody").append(html);
}
});
});
/*
$("#button1").click(function()
{
$.get("XMLServlet",
{
name: $("#name").val()
}, function(returnedData, status)
{
var id = $(returnedData).find("id").text();
var name = $(returnedData).find("name").text();
var age = $(returnedData).find("age").text();
var address = $(returnedData).find("address").text();
var html = "<table width='60%' border='1' align='center'><tr><th>id</th><th>name</th><th>age</th><th>address</th><tr align='center'><td>" + id + "</td><td>" + name + "</td><td>" + age + "</td><td>" + address + "</td></tr></table>";
$("#theBody table:eq(0)").remove();
$("#theBody").append(html);
});
});*/
});
</script>
</head>
<body id="theBody">
<select id="name">
<option value="zhangsan">zhangsan</option>
<option value="lisi">lisi</option>
</select>
<input type="button" id="button1" value="get content from server">
</body>
</html>
4.最后预览结果。
相关推荐
本文将深入探讨`jQuery`中的`POST`和`GET`异步调用方式。 1. **GET方式** `GET`是最常见的HTTP请求方法，通常用于获取资源。在jQuery中，我们可以使用`$.get()`函数发起GET请求。它的基本语法如下： ```...
本文将深入探讨jQuery异步调用的机制，通过实例解析其工作原理，帮助你更好地理解和应用。 一、jQuery的异步调用基础 1. AJAX（Asynchronous JavaScript and XML）是实现异步调用的核心技术，jQuery将其封装得更加...
在本例中，我们关注的是如何使用 jQuery 异步调用页面后台（通常指的是 ASP.NET 后台代码）的方法，并获取 JSON 格式的数据进行显示。下面将详细介绍这一过程。 首先，jQuery 的异步调用是通过其提供的 `$.ajax()` ...
本篇文章将深入探讨jQuery中的异步调用方法，包括`$.ajax()`，`$.post()`和`$.get()`，以及它们在实际开发中的应用。 首先，`$.ajax()`是jQuery提供的最强大的异步数据请求函数，它支持多种HTTP请求方法，如GET、...
jQuery的异步请求主要通过`$.ajax()`方法实现，但为了简化API调用，jQuery还提供了`$.get()`, `$.post()`, `$.getJSON()`等更便捷的方法。这些方法可以发送HTTP GET或POST请求，接收JSON、XML或HTML格式的数据，并...
在本项目"JQuery异步上传文件demo"中，我们将探讨如何使用jQuery的Ajax功能来实现这一目标。 首先，让我们了解异步上传的基本原理。传统的文件上传通常涉及表单提交，这会导致页面刷新，打断用户操作。而异步上传则...
这两个简化的函数分别用于GET和POST请求，适用于简单的异步调用。例如： ```javascript $.get('your-url', function(response) { // 处理GET请求的响应 }); $.post('your-url', {key: value}, function...
除了`jQuery.ajax()`，还有简化版的`jQuery.get()`和`jQuery.post()`，分别对应GET和POST请求。`jQuery.getJSON()`则专门用于获取JSON格式的数据，它会自动处理JSONP跨域问题。 在jQuery 1.2版本中，引入了对JSONP...
1. jQuery的$.get和$.post方法：这两种方法是jQuery提供的Ajax（异步JavaScript和XML）接口，用于与服务器进行非刷新的数据交换。$.get用于发送GET请求，而$.post用于发送POST请求。它们都接受四个参数：URL、数据、...
在`jquery异步请求例子`这个场景中，我们可以创建一个简单的GET请求来获取服务器数据。假设我们有一个API接口`/api/users`用于获取用户列表： ```javascript $.ajax({ url: '/api/users', type: 'GET', dataType...
本文将深入探讨jQuery异步提交的概念、用途及其在实际项目中的应用，特别是结合Servlet进行数据交互。 首先，异步提交是Web开发中的重要技术，它允许页面在不刷新的情况下与服务器进行数据交换，提高了用户体验。...
本篇文章将深入探讨jQuery中的两个核心Ajax方法——`get()`和`post()`，它们用于与服务器进行异步数据交换，是Web开发中不可或缺的部分。 `get()`和`post()`方法是jQuery提供的一对轻量级的Ajax接口，用于实现...
【标题】：Jersey实现RESTful，CXF调用及jQuery AJAX调用 【内容】： 在现代Web开发中，RESTful API已经成为一种主流的接口设计模式，它以简洁、可扩展的方式提供服务。本篇将详细介绍如何使用Jersey框架实现...
**jQuery异步刷新技术详解** 在Web开发中，异步刷新是一种常见的技术，它使得页面的部分内容能够在不重新加载整个页面的情况下更新。jQuery库提供了一种简单易用的方式来实现这一功能，尤其对于初学者来说非常友好...
除了`jQuery.ajax()`之外，jQuery还提供了一些简化版的函数，如`jQuery.get()`、`jQuery.post()`以及用于处理JSON数据的`jQuery.getJSON()`等，这些函数对于常见的异步数据交互场景非常有用。 #### 参数详解 `...
综上所述，"ajax异步调用数据"是一个关于利用JavaScript和XML（或JSON）技术实现页面无刷新的数据更新的学习项目。通过理解和实践，开发者可以掌握Ajax的基本用法，提高用户体验，实现高效的Web应用交互。
除了 `$.ajax()`，jQuery 还提供了一些简化版的异步方法，如 `$.get()` 和 `$.post()`，用于简化常见的GET和POST请求。例如，使用 `$.get()` 获取JSON数据： ```javascript $.get('https://example.com/data', ...
本文将详细介绍jQuery中实现异步调用的四种方法：$.ajax、$.get、$.post以及$.getJSON。 1. **$.ajax**： `$.ajax` 是jQuery中最基础的AJAX调用方法，它允许自定义所有请求的细节。在示例代码中，`type` 指定了...
### GET方式调用 对于GET方式，我们可以使用jQuery的`$.ajax`或者`$.get`方法。假设WCF服务地址为`http://localhost/Service1.svc`，调用如下： ```javascript $.ajax({ type: "GET", url: ...
本示例将深入探讨如何使用jQuery来调用WebService，通过源代码解析相关知识点。 首先，了解jQuery的核心功能对理解jQuery调用WebService至关重要。jQuery提供了`$.ajax()`函数，它是进行异步数据请求的基础。在这个...