Ajax4部曲

最新推荐文章于 2023-02-06 19:05:09 发布
最新推荐文章于 2023-02-06 19:05:09 发布
阅读量85 收藏
点赞数
文章标签： java javascript ViewUI
原文链接：http://www.cnblogs.com/heviny/p/10877824.html
版权 
<%@ 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>
<base href="<%=basePath%>">

<title>My JSP 'ajax_test.jsp' starting page</title>
<script type="text/javascript">
	function doAjax() {
		//1 创建对象
		var xhr = new XMLHttpRequest();

		//4.接收数据
		xhr.onreadystatechange = function() {
			
			if (xhr.readyState == 4) {
				document.getElementById("mydiv").innerHTML = xhr.responseText;
			} else {
				document.getElementById("mydiv").innerHTML = "<img src='739.gif'>";
				
			} 
		}
		
		//2.创建请求
		xhr.open("get", "hi", true);

		//3.发送请求
		xhr.send(null);
		

		
	}
</script>


</head>

<body>
	<button οnclick="doAjax()">偷偷点我</button>
	<div id="mydiv"></div>
</body>
</html>

　servlet代码

package cn.ljs.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class Hiservlet extends HttpServlet {

	
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		this.doPost(request, response);
		
		
	}

	
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		
		
		try {
			Thread.sleep(5000);
		} catch (InterruptedException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
		PrintWriter out = response.getWriter();
		out.write("aaa");
		System.out.println("成功了");
	}

}

　　

　

转载于:https://www.cnblogs.com/heviny/p/10877824.html

weixin_30345055
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AJAX使用四步曲
diaoyu3131的博客
10-01 159
前言 AJAX这个东西还是很模糊的，下面会对AJAX这个技术进行详细讲解一些，另外，在网上商城中应用到了，使用它有四个步骤，下面详细介绍一些。 内容 定义： AJAX=异步JavaScript和XML 它是一种用于创建快速动态的网页的技术，通过后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网...
使用ajax——ajax四部曲
qq_49353940的博客
07-22 1164
1.创建异步对象 var xhr=new XMLHttpRequest(); 2.创建请求 xhr.open(method,url,isAsyn); xhr.open(“get”,“http://127.0.0.1:8080/login”,true); method:请求的方法，注意，必须是字符串形式"get",“post” url:请求的url，注意，必须是字符串形式 isAsyn:是否使用异步，boolean值，true/false 3.发送请求 xhr.send(formdata); 注意：get方法
学习四部曲
weixin_34345753的博客
12-25 135
忘了是那个时候看到一本书（有机会再谈谈我看书的习惯），里面提到学习有四个阶段，今天跟大家分享一下。 这四个阶段分别是： 1）吸收 2）消化 3）实践 4）反馈 什么是吸收：  就是当你看了书，或听了一段课，你认为你是听懂了，那就是吸收。 什么是消化：  就是你能够将你听懂或看懂的东西与你过去的人生经验有所涵接，有所启发 什么是实践： 这个就很明显了，就是将你新得到的知识变...
原生ajax四部曲
weixin_34292402的博客
02-02 226
1.创建ajax核心对象 2.与服务器建立连接 3.向服务器发送请求 4.接收服务器响应的数据 转发分享链接： 　　https://www.cnblogs.com/xianfeng90/p/5147006.html 转载于:https://www.cnblogs.com/shuaishuai1993/p/8404916.html...
AJAX的技术简单演示和基本的原理(4部曲)
小琼
10-10 260
&lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %&gt; &lt;!DOCTYPE HTML PUBLIC "-//W3C//D
AJAX技术操作的三部曲
04-15
AJAX（Asynchronous JavaScript and XML）技术是一种在无需重新加载整个网页的情况下，能够更新部分网页内容的技术。它通过在后台与服务器交换数据并更新部分网页内容，提供了更流畅的用户体验，提高了网页交互性。...
Ajax获得站点文件内容实例
10-26
当用户选择一部著作时，`onchange`事件触发`updateCharacters()`函数。 `updateCharacters()`函数是核心的Ajax处理函数。它首先获取用户选择的著作值，然后检查是否有选择。如果选择为空，就清空显示主要人物的`div...
异部上传文件,Ajax上传文件
12-27
4. **跨域请求**：如果服务器端支持CORS（Cross-Origin Resource Sharing）策略，Ajax文件上传可以跨越不同域名，扩大了应用范围。 5. **安全性考虑**：文件上传可能带来安全问题，如文件类型限制、大小限制等，...
AJAX-N级联动
09-19
6. **性能考虑**：为了减少不必要的网络请求，可以预加载一部分级联数据，或者在初次加载页面时就获取所有级联数据。此外，通过设置合适的`cache-control`和`expires`头部，可以控制浏览器缓存，提高页面加载速度。 ...
Ajax获得站点文件内容实例不涉及服务器
12-12
一个简单的Ajax实例：选择一部著作，会通过 Ajax 实时获得相关的名字。 把4个html文件放到 web站点 的同一个文件下。 index.html 代码如下: <html> <head> <meta http-equiv=”Content-Type” ...
ajax四步请求,Ajax发送异步请求（四步操作）
weixin_36193690的博客
08-05 446
1.第一步(得到XMLHttpRequest)*ajax其实只需要学习一个对象：XMLHttpRequest,如果掌握了它，就掌握了ajax！！*得到XMLHttpRequest>大多数浏览器都支持：var xmlHttp = new XMLHttpRequest();>IE6.0: var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");&...
Ajax的四个步骤
热门推荐
h_qingyi的博客
04-13 1万+
ajax 通俗讲有四个步骤1.创建Ajax对象2.链接到服务器3.发送请求4.接受返回值1.创建对象if(window.XMLHttpRequest){ //创建Ajax对象 获取浏览器内部的一个XMLHttpRequest对象,创建该对象.(非IE6) var oAjax = new XMLHttpRequest(); }else{ //ie6使用的自几特殊的东西 ...
加载Ajax内部的使用方式，重要四部曲！
一名教育的被实验者
09-27 1126
此为判断用户名是否存在的ajax实现简单用例，重要掌握ajax重要的四部，用//1.//2.//3.//4. 标注的部分    var xmlhttp; // 定义浏览器对象变量   var result;   function changeInfo(){   uservalue=document.getElementById("username").value;   var ur
Ajax概念、状态码、请求四部曲和请求方式
最新发布
浅陌繁星的博客
02-06 640
这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。javascript是单线程的，只有一个主线程，一次只能执行一个任务，同步和异步指的就是在线程上面执行代码的顺序。上述的案例中需启动这个分享的本地服务器，才能得到相应的结果。也就是浏览器解析响应完成，可以使用responseText（可以在客户端使用了）是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。： 搜索引擎的支持度不够，因为数据都不在页面上，搜索引擎搜索不到。准确的说：定时器异步指的是定时器里面的回调函数。
ajax的原理
明明博客
11-19 369
ajax的四步曲： (1) 创建一个对象 var xhr = new XMLHttpRequest(); (2) 发送的方式：xhr.open(‘post’, ‘http://localhost/1603/60/ajax.php‘, true); 传入三个参数 ：第一个为发送的方式 ；第二参数为 url地址网络路径 ； 第三参数为true(异步)/false(同步); (3) po
个人笔记（AJAX篇）
wilenchan的专栏
11-05 180
AJAX：创造动态性更强的应用程序。
js通过AJAX绑定数据四部曲
最初的梦想
07-20 1682
var data; //1、创建AJAX实例 var xhr = new XMLHttpRequest(); //2、打开一个路径:请求方式，请求路径，同异步（false：同步；true：异步） xhr.open("get","path",false); //3、监听状态 xhr.onreadystatechange = function(){ //如果状态是4，并且xhr.status状...
2021-08-07
joty1的博客
08-07 56
Ajax的使用四部曲 1，创建异步对象XMLHttpRequst var xhr = new XMLHttpRequest(); 2,给异步对象绑定事件，事件名称 onreadystatechange 例如button增加绑定事件 xhr.onreadystatechange =function(){ 当事务发生时执行的代码 } <input type="button" onclick="btnclick()"/> <script type="text/javascipt"&g
最新自然语言处理(NLP)四步流程：Embed->Encode->Attend->Predict
CSDN 人工智能
11-15 3090
原文： Embed, encode, attend, predict: The new deep learning formula for state-of-the-art NLP models 作者： Matthew Honnibal 译者： KK4SBB 审校：王艺 责编：何永灿，关注人工智能，投稿请联系 heyc@csdn.net 或微信号 289416419...
萝卜多接口汇总 - 技术部 - Confluence1
08-04
4. **新增公司**：允许添加新的公司记录到系统中。 5. **修改公司明细信息**：对已存在的公司信息进行更新。 6. **删除公司明细信息**：删除指定公司的详细记录。 7. **修改公司状态**：包括认证、解除认证和冻结...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值