AJax第一个小实例--初学者

最新推荐文章于 2021-08-05 16:13:23 发布

BillGates10001

最新推荐文章于 2021-08-05 16:13:23 发布

阅读量467

点赞数

本文链接：https://blog.csdn.net/BillGates10001/article/details/50911873

版权

AJAX即“ A synchronous J avascript And X ML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和 XML（标准通用标记语言的子集）。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面

<%@ 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>
<script type="text/javascript" src="js/test.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<form >
用户名：<input type="text" id="name" /><br/>
<input type="submit" id="OK" value="校验" />
</form>
</body>
</html>
function ajaxFunction()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX！");
return false;
}
}
}
return xmlHttp;
}
window.οnlοad=function()
{
document.getElementById("OK").οnclick=function()
{
//alert("wuuuu");
/*
* 1.获取xmlHttpRequest
* */
var xmlReq=ajaxFunction();
/*
* 4.接手服务器的响应
*
* */
//alert("wuuuu");
xmlReq.onreadystatechange=function()
{
if(xmlReq.readyState==4)
{
alert(xmlReq.readyState);
alert(xmlReq.status);
if(xmlReq.status==200||xmlReq.status==304)
{
alert("wu");
var data=xmlReq.responseText;
alert(data);
}
}
}
/*
* 2.打开服务器的连接,
* 第三个参数为true(异步的)
* 第一个参数：传递方法
* 第二个方法是路径
* */
//alert("路径整的不对啊？？？怎么改过来？？？");
xmlReq.open("get","/Ajax/Demo1",true);
alert("adsada");
/*
* 3.发送数据
* */
xmlReq.send(null);
}
}
package cn.com.Demo;
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 javax.servlet.jsp.PageContext;
public class Demo1 extends HttpServlet {
/**
*
*/
private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setContentType("text/html; charset=utf-8");
PrintWriter out=response.getWriter();
//out.write("OK");
System.out.println("--------------------------------------");
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request,response);
}
}

BillGates10001

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJax第一个小实例--初学者

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网
复制链接

扫一扫