function login() {
//这里为了简化代码,没有附上密码加密的代码
var params = "username=" + document.getElementById("username").value
+ "&password=" + document.getElementById("password").value;
sendRequest(
"POST",
"login",
true,
params,
function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("message").innerHTML = xmlhttp.responseText;
function sendRequest(method, url, isAsyns, params, action) {
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.open(method, url, isAsyns);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//这行代码很关键,用来把字符串类型的参数序列化成Form Data
xmlhttp.send(params);
xmlhttp.onreadystatechange = action;
public void doPost(HttpServletRequest request, HttpServletResponse response) {
String username = request.getParameter("username");
String password = request.getParameter("password");
......
其实这样设计的初衷是为了在客户端发出请求前,对要发送的数据进行预处理。比如用户密码的加密操作等等。var xmlhttp;//设置全局变量function login() { //这里为了简化代码,没有附上密码加密的代码 var params = "username=" + document.getElementById("username").value
XMLHttpRequest是做什么的
使用 XMLHttpRequest(XHR)对象可以与服务器交互。您可以从URL获取数据,而无需让整个的页面刷新。这允许网页在不影响用户的操作的情况下更新页面的局部内容。在 AJAX 编程中,XMLHttpRequest 被大量使用。
发送一个 HTTP 请求,需要创建一个 XMLHttpRequest 对象,打开一个 URL,最后发送请求。当所有这些事务...
Ajax核心API(即所谓的XMLHttpRequest)的唯一用途就是发送HTTP请求,在Web浏览器与服务器之间进行数据交换。Web页面中运行的JavaScript代码,可以使用XMLHttpRequest将该请求参数提交至服务器端脚本,例如Servlet或JSP页面。调用的Servlet/JSP将发回一个响应,其中包含了一般用于不需刷新整个页面即可更新用户查看内容的数据。此种方法在性能和可用性方面均体现出了独有的优势,因为这将降低网络通信量,而且WebUI的使用几乎与桌面GUI一样。但是,开发这种用户界面并不简单,因为您必须在客户端上使用JavaScript、在服务器端上使用Java(或
(1)onreadystatechange 属性
onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置:
xmlHttp.onreadystatechange=function()
// 我们需要在这里写一些代码
(2)readyState 属性
ready...
jsp<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script>
function getContent() {
之后的servlet内容(实现了sql一个比较简单的查询语句)
@WebServlet("/Demo")
public class Servlet extends HttpServlet {
String id;
@Override
protected void doGet(HttpServletRequest req, HttpS
发送请求open(method, url, async) 用于调用HTTP请求
method: 请求的方式,get还是post(不区分大小写,一般用大写)
url: 请求的地址(可以是相对或绝对地址)
async: 请求是同步还是异步的,一般AJAX使用异步(true),且默认为truesend(string) 发送请求到服务器
get时,参数可不填写,因为都写在url中
post时,参数
一直没搞定XMLHttpRequest post方法如何传递多种参数,比如同时读取post参数和file参数
var http = new XMLHttpRequest();
var form = new FormData();
// Add selected file to form
form.append(me.getName(), file)
POST请求的适用性更广,可使用更大的请求参数,而且POST请求的请求参数通常不能直接看到。因此在使用Ajax发送请求时,尽量采用POST方式而不是GET方式发送请求。发送POST请求通常需要如下的三个步骤:
1) 使用open方法打开连接时,指定使用POST方式发送请求。
2) 设置正确的请求头,POST请求通常应设置Content-Type请求头
当servlet向Ajax返回一个boolean类型的数据时,ajax接收到的是一个字符串类型的 ”true“ 或者 ”false“, 但是当我们直接使用ajax接收到的数据去做一个判断时,比如:
$.ajax({
url: "xxxx",
data: {
success: function (data) {
if ( data == "true" ){
alert( "data = true" );
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-
Ajax (Asynchronous Javascript And Xml )是指一种创建交互式网页应用的网页开发技术,其中,Ajax的核心是JavaScript对象XMLHttpRequest(以下简称XHR),XHR是一种支持异步请求数据的技术。
我们通常将Ajax等同于XMLHttpRequest,但细究起来它们两个是属于不同维度的2个概念。ajax是...
select substring('为什么当pg字符串123正则匹配时456非贪婪会不符合预料?' from 'pg?.*?\d+');
-- “pg字符串123正则匹配时456”
[/code]
函数和存储过程的区别
野鸡程序员2018:
配置 applicationContext.xml 是出现 Referenced file contains errors
lily-0622:
配置 applicationContext.xml 是出现 Referenced file contains errors
DuanQingCI: