<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.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">
<script type="text/javascript" src="<c:url value='/jquery/jquery-1.4.2.js'></c:url>"></script>
<script type="text/javascript">
$(function()
{
$("#button1").click(function()
{
$.ajax({
type:"POST",
url:"MyServlet",
dateType:"html",
success:function(returnedData){
$("#result").val(returnedData);
}
});
})
});
</script>
</head>
<body>
<input type="text" id="result"><input type="button" id="button1" value="请点击">
</body>
</html>
servlet代码
package com.javasky.servlet;
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;
public class MyServlet extends HttpServlet
{
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException
{
resp.setHeader("param", "no-cache");
resp.setHeader("cache-control","no-cache");
PrintWriter out = resp.getWriter();
out.println("HelloWord");
out.flush();
}
}
分享到：
相关推荐
【标题】"Ajax 第一个 HelloWorld" 是初学者进入异步JavaScript和XML（Asynchronous JavaScript and XML）技术领域的起点。Ajax是一种在无需刷新整个网页的情况下，能够更新部分网页的技术，极大地提升了用户体验。...
这个“Ajax实现helloworld!实例”是针对初学者的一个项目，旨在帮助他们理解并掌握如何在Eclipse开发环境中，结合Struts框架来运用Ajax技术。下面我们将详细探讨这一主题。 首先，我们需要了解Ajax的基本概念。Ajax...
**jQuery的HelloWorld** jQuery，一个轻量级的JavaScript库，因其简洁的API和强大的功能而备受开发者喜爱。它的出现极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这篇博客将引导初学者了解...
”程序，即`JQuery的HelloWorld1`。 首先，我们看到HTML文件的结构，它包含`<!DOCTYPE html>`声明来指定文档类型，`<html>`元素作为整个文档的根节点，以及`<head>`和`<body>`部分。在`<head>`部分，我们有`<meta>`...
**Spring MVC 2.5与JQuery整合实现Ajax HelloWorld示例** 在Web开发中，Spring MVC作为Java领域广泛使用的MVC框架，提供了强大的控制层支持，而JQuery则是一款高效、简洁的JavaScript库，简化了前端DOM操作和AJAX...
url: "WebService.asmx/HelloWorld", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(response) { // 处理响应数据 }, error: function(jqXHR, ...
public static string HelloWorld() { return "Hello, World!"; } ``` 然后，在jQuery中，可以使用`$.ajax()`或`$.get()`来调用这个Web服务： ```javascript $.ajax({ type: 'POST', url: 'WebService.asmx/...
public static string HelloWorld() { return "Hello, World!"; } ``` 2. **$.ajax() 使用** 在HTML页面中，我们可以使用jQuery的`$.ajax()`方法来调用这个WebMethod。以下是一个简单的例子： ```...
{ Action: "save", Content: "Hello, World!" }, function(response) { // ... }, "json" ); ``` 在上述示例中，`jQuery.post()` 示例展示了如何指定返回数据的类型（在这里是JSON）。服务器端的响应应该是一...
例如，`$("a").click(function(){ alert("Hello world!"); })` 将在点击链接时弹出对话框。 - `toggle()`：可以用来控制元素的显示与隐藏。如例子中的 `$("h2").toggle(function(){...})` 使用了 `slideUp()` 和 `...
JQuery初体验--helloWorld”主题将引导你入门JQuery，通过一个简单的“Hello World”示例来展示其基本用法。 在JavaScript中，操作DOM（Document Object Model）通常是繁琐的，而JQuery提供了一种简洁的API来处理...
- 创建一个HTML文件，例如`HTML_AJAX-HelloWorld.html`： ```html function sayHello() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr....
url: "WebService1.asmx/HelloWorld", // 调用WebService的地址和方法名称组合----WsURL/方法名 data: "{}", // 这里是要传递的参数，格式为data:"{paraName:paraValue}",下面将会看到 dataType: 'json', ...
1. Hello World示例，展示SpringMVC的基本配置和请求处理。 2. 数据库连接与配置，演示如何通过Hibernate4连接MySQL并执行基本操作。 3. CRUD操作，通过Ajax实现前后端数据同步，无需页面刷新。 4. 分页和排序，利用...
- `html()`: 获取或设置元素的 HTML 内容，`$(”div”).html(”<h1>Hello World!”);` - `text()`: 获取或设置元素的纯文本内容，不包含 HTML 标签，`$(”p”).text(”This is new text.”);` - `val()`: 用于处理...
jquery.ajax-xslt jQuery Ajax XSLT集成这个插件使您可以通过xslt即时转换ajax xml响应。用法<!-- test.xml --><? xml version = " 1.0 " encoding = " utf-8 " ?><? xml-stylesheet type = " text/...
当客户端发送请求到`ajaxRequest.action`时，会触发`HelloWorld`类中的方法，并返回JSON格式的数据。 **2. 使用jQuery发送Ajax请求** 在前端页面中，我们可以通过jQuery轻松地发送Ajax请求。例如，在`helloworld....
**jQuery实现的Ajax函数在ASP中的应用** Ajax（异步JavaScript和XML）技术允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容，显著提升了用户体验。jQuery库简化了JavaScript的Ajax操作，...
url: "WebService1.asmx/HelloWorld", data: "{}", dataType: 'json', success: function(result){ $('#dictionary').append(result.d); } }); }); ``` - **解析**： - `type`: 请求类型，此处为`POST`。 ...
- 示例：`$("div.foo").append("Hello World!").css("color", "red");` #### 5. 第一个Ajax程序示例 - **目标**：创建一个交互式概念生成器，从文本文件中随机选择两个选项并组合成新词汇。 - **技术栈**： - ...