<%@ 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!实例”是针对初学者的一个项目,旨在帮助他们理解并掌握如何在Eclipse开发环境中,结合Struts框架来运用Ajax技术。下面我们将详细探讨这一主题。 首先,我们需要了解Ajax的基本概念。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...
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。以下是一个简单的例子: ```...
- 创建一个HTML文件,例如`HTML_AJAX-HelloWorld.html`: ```html function sayHello() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr....
- `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/...
在本文中,我们将探讨如何使用 jQuery Mobile 实现“Hello, World”示例以及页面切换的基本方法。 首先,要开始使用 jQuery Mobile,你需要下载并引入相应的 CSS 和 JS 文件。在提供的描述中,推荐下载 jQuery ...
四.Hello World jQuery 4 五.启用Visual Studio 对jQuery的智能感知 6 六.在独立的.JS文件中启用脚本智能感知 8 七.总结 9 从零开始学习jQuery (二) 万能的选择器 9 一.摘要 9 二.前言 9 三.Dom对象和jQuery包装集 9...
Atlas是微软在ASP.NET 2.0时代推出的一个JavaScript库,用于增强客户端的交互性和动态性,它是后来jQuery和其他AJAX库的前身。在这个案例中,通过创建一个简单的“HelloWorld”应用程序,学习者可以理解如何在ASP...
在示例中,`"WebService1.asmx/HelloWorld"`表示调用名为`HelloWorld`的方法,该方法存在于名为`WebService1.asmx`的WebService中。 5. **数据**: `data`参数用于传递给WebService的参数。在无参数调用中,`data`...
现在,让我们添加一个简单的 alert 事件,显示"Hello world!"信息。 ``` $(document).ready(function() { $("a").click(function() { alert("Hello world!"); }); }); ``` 这个代码使用了 jQuery 库来选择所有的 ...
这段代码会在页面加载完成后弹出一个警告框显示“Hello World from jQuery!”,`$(document).ready()`确保了代码在DOM准备就绪后执行,避免了页面未完全加载时运行JavaScript的问题。 3. **使用jQuery** - **...
jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作以及Ajax交互。这个“jQuery 教程”旨在为初学者提供详细的jQuery使用方法。 一、jQuery特点 1. 轻量级:jQuery...
在上面的代码中,我们使用 `ajax` 方法来调用名为 `HelloWorld` 的后台方法,该方法位于 `Default2.aspx` 文件中。我们还指定了数据类型为 JSON,并传递了一个空对象作为参数。成功回调函数中,我们可以获取返回的...
功能要求:Ajax提交表单,在控制器HelloWorld4Controller中处理请求,并返回若干数据,数据格式为JSON。 首先,我们假设返回的JSON实体为: 代码如下: public class LoginResultDTO { public bool Success { get; ...
"Hello World jQuery"示例通常是从一个简单的页面引入jQuery的第一步,它演示了如何通过`$(document).ready()`函数确保在页面加载完毕后执行jQuery代码。 ### 启用Visual Studio对jQuery的智能感知 对于开发者来说...
跨域是我在日常面试中经常...var webMethod = "http://localhost:54473/Service1.asmx/HelloWorld"; jQuery.support.cors = true; //之前没有加这句老是提示no transport,我没去深想。 $.ajax ({ type: "POST",
jQuery的AJAX功能使得异步数据交换变得简单。例如,`$.ajax()`或`$.get()`, `$.post()`可以用来发送HTTP请求,更新页面内容,实现无刷新的数据交互。 ### 5. Animate me: 使用FX jQuery的FX模块提供了动画效果,如...