<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ajax-get().html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script language="JavaScript" src="jquery-1.6.1.js"></script>
<script language="JavaScript">
$(function(){
$("#bt1").click(function(){
var name =$("#tx1").val();
var URL = "../validate?name="+name+"&date="+new Date().getTime();
$.ajax({
type:"GET",
url:URL,
dataType:"xml",
success:function(msg){
alert(msg);
var jqueryObj =$(msg) ;//把后台传来的对象转为JQuery对象
alert(jqueryObj);
var content = jqueryObj.text();
$("#sp1").text(content);
}
});
})
})
</script>
</head>
<body>
<p align="center">
6-2 用户注册
</p>
<table align="center">
<tr>
<td>
用户名
</td>
<td>
<input type="text" id="tx1">
<input type="button" id="bt1" value="检测">
</td>
<td>
<span id="sp1"></span>
</td>
</tr>
</table>
</body>
</html>
后台服务器代码：
package com.wepull.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ValidateServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doProcess(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doProcess(request, response);
}
private void doProcess(HttpServletRequest request,
HttpServletResponse response) {
try {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
String name = request.getParameter("name");
System.out.println("ajax传来的name："+name);
name = URLDecoder.decode(name,"utf-8");
PrintWriter pw = response.getWriter();
if("w".equals(name)){
pw.println("<root>"+name+"：已经被占用"+"</root>");
}else{
pw.println("<root>"+name+"：可以注册"+"</root>");
}
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
分享到：
相关推荐
而Jquery库提供了一系列封装好的Ajax函数，如$.get(), $.post(), $.ajax(), 和$.getJSON()，这些函数简化了前端开发者与后端数据交互的过程。 ### 1. $.get() `$.get()`函数是最简单的一种异步请求方式，它发送一...
asp+ajax(jQuery)实例($.ajax()、$.post()、$.get()、$.getJSON()四种模式可选 Ajax是目前比较流行的网站建设技术，尤其作为网站建设者来说，掌握它十分有必要，如果用原生Javascript开发则比较困难，还好有强大的...
**jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了 JavaScript 的 DOM 操作、事件处理、动画设计以及Ajax交互。在本篇文章中，我们将深入探讨 jQuery 的核心特性、优点以及如何在实际项目中应用这两个文件：...
- **Ajax**：`$.ajax()`, `$.get()`, `$.post()`, `getJSON()`等方法简化了与服务器的数据交互。 ### 5. 兼容性和性能提升 jQuery 3.x系列致力于提高对ES6及以后新特性的支持，并优化了性能。对于不再支持的旧...
最后，jQuery的Ajax功能简化了异步数据交互，.ajax()和.get()、.post()方法使得与服务器的数据通信更为便捷。 在JavaScript开发者的工作中，jQuery 3.5.1可以显著提升开发效率。它抽象了浏览器之间的差异，提供了...
4. AJAX请求：$.ajax()函数是jQuery的核心之一，它封装了XMLHttpRequest对象，提供了异步数据获取和处理的能力。$.get()、$.post()等简化的API则更易于日常使用。 5. 特性检测：jQuery包含了一套完善的特性检测工具...
- `$.ajax()`：进行异步请求，支持GET和POST等多种HTTP方法。 - `$.get()`/`.post()`：简化版的Ajax请求，用于快速实现GET和POST操作。 - `$.getJSON()`：专门用于获取JSON数据的函数。 7. **`.min.js`版本** ...
4. **Ajax交互**：jQuery的`.ajax()`方法是进行异步数据交互的标准方式，它可以处理XMLHttpRequest的所有细节，如`$.ajax({url: "data.json", type: "GET", success: function(data) { ... }})`，用于从"data.json...
4. **AJAX**：jQuery的`$.ajax()`和`$.get()`、`$.post()`等函数简化了异步数据请求，让跨域请求变得容易。 5. **动画**：`.fadeIn()`, `.slideToggle()`, `.animate()`等方法让创建复杂的动画效果变得轻松。 6. *...
6. **Ajax**：使用`$.ajax()`, `$.get()`, `$.post()`等函数，可以轻松进行异步数据请求，实现页面无刷新更新。 7. **插件生态**：jQuery拥有庞大的插件生态系统，如Bootstrap、jQuery UI等，它们扩展了jQuery的...
5. **Ajax**：jQuery封装了Ajax操作，例如`$.ajax()`, `$.get()`, `$.post()`等，使得异步数据交互变得简单。 6. **链式调用**：jQuery的API设计支持链式调用，如`$(selector).addClass('active').css('color', '...
在AJAX方面，jQuery提供了`.ajax()`, `.get()`, `.post()`等方法，使得异步数据请求变得简单直观。例如，`$.get("data.json", function(data) {...})`能轻松获取JSON格式的数据，并在回调函数中处理返回的内容。 总...
本篇文章将深入探讨jQuery中的异步调用方法，包括`$.ajax()`，`$.post()`和`$.get()`，以及它们在实际开发中的应用。 首先，`$.ajax()`是jQuery提供的最强大的异步数据请求函数，它支持多种HTTP请求方法，如GET、...
jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。这个压缩包包含了不同版本的jQuery库，包括`jquery-1.10.2.min.js`, `jquery-1.4.4.min.js`, `jquery-...
`$.ajax()`接受多个参数，包括URL、数据类型、回调函数等，使得开发者可以轻松地执行JSONP、GET、POST等多种类型的Ajax请求。例如，`$.ajax({url: "data.json", type: "GET", success: function(data) {...}})`会从...
- **$.ajax() 更新**：在1.7版本中，jQuery引入了全新的`$.ajax()`方法，统一了所有异步请求，包括GET、POST等，提供了更加灵活的配置选项。 - **Deferred 对象**：1.7版本加强了对Promise接口的支持，引入了...
本篇将详细介绍如何解决jQuery跨域问题，涉及的方法包括$.get、$.post和$.getJSON等。 首先，我们需要理解什么是跨域。同源策略是浏览器为保障安全而实施的一项机制，它规定JavaScript只能访问与当前页面同源（协议...
- **Ajax交互**：`$.ajax()`, `$.get()`, `$.post()`等函数使得异步数据请求变得直观，易于集成到应用中。 **2. 版本差异** - **jquery-1.5.1.min.js**：这个版本属于jQuery的早期版本，它引入了Promise对象，增强...
4. **Ajax请求**：`.ajax()`方法简化了异步数据请求，支持XMLHttpRequest和JSONP跨域请求，还有更简单的`.get()`和`.post()`方法。 5. **链式操作**：jQuery的所有方法都返回jQuery对象，这使得我们可以连续调用多...
5. **Ajax交互**：jQuery的`.ajax()`方法提供了一种统一的方式来处理异步数据请求。通过设置参数，开发者可以轻松地发起GET或POST请求，处理响应，并在完成后执行回调函数。 在SSM整合课程中，"jquery-1.8.2.min.js...