Ajax中XMLHttpRequest的讲解

最新推荐文章于 2022-07-29 03:19:10 发布
最新推荐文章于 2022-07-29 03:19:10 发布
阅读量87 收藏
点赞数
文章标签： java javascript ViewUI

1.介绍

　　

 

2.方法

　　

　　

 

3.程序位置设计

　　

 

4.程序（针对XMLHttpRequest）

 1 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 2     pageEncoding="ISO-8859-1"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 7 <title>Insert title here</title>
 8 <script type="text/javascript">
 9     window.onload=function(){
10         document.getElementsByTagName("a")[0].onclick=function(){
11             //new XMLHttpRequest
12             var request=new XMLHttpRequest();
13             
14             var url=this.href;
15             var method="GET";
16             
17             request.open(method,url);
18             request.send(null);
19             
20             request.onreadystatechange=function(){
21                 if(request.readyState==4){
22                     if(request.status==200||request.status==304){
23                         alert(request.responseText);
24                     }
25                 }
26             }
27             return false;
28         }
29     }
30 </script>
31 </head>
32 <body>
33     <a href="helloAjax.txt">hello click</a>
34 </body>
35 </html>

 

二.解释

1.发送函数

　　

 

2.onreadystatechange处理函数

　　

 

3.open方法

　　

 

三：相应接受

1.接受函数

　　

 

2.readState

　　

 

3.reponseText方法

　　

 

4.reponseXML

　　

 

四：添加时间戳

1.url

　　var url=this.href+"?time="+new Date();

 

五：注意点（post方法）

1.知识点

　　

 

2.程序

 1 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 2     pageEncoding="ISO-8859-1"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 7 <title>Insert title here</title>
 8 <script type="text/javascript">
 9     window.onload=function(){
10         document.getElementsByTagName("a")[0].onclick=function(){
11             //new XMLHttpRequest
12             var request=new XMLHttpRequest();
13             
14             var url=this.href;
15             var method="POST";
16             
17             request.setRequestHeader("ContentType","application/x-www-form-urlencoded");
18             
19             request.open(method,url);
20             request.send("name='tom'");
21             
22             request.onreadystatechange=function(){
23                 if(request.readyState==4){
24                     if(request.status==200||request.status==304){
25                         alert(request.responseText);
26                     }
27                 }
28             }
29             return false;
30         }
31     }
32 </script>
33 </head>
34 <body>
35     <a href="helloAjax.txt">hello click</a>
36 </body>
37 </html>

 

weixin_34026276
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ajax中的XMLHttpRequest对象详解
bytxl的专栏
10-24 900
原文地址：http://www.cnblogs.com/shunyao8210/archive/2008/11/24/1339718.html XMLHttpRequest对象是Ajax技术的核心。在Internet Explorer 5中，XMLHttpRequest对象以ActiveX对象引入，被称之为XMLHTTP，它是一种支持异步请求的技术。后来Mozilla、Netscape、Sa
AJAX中的XMLHttpRequest对象
陈金荣
12-24 2122
王兴奎老师的视频已经看完了，这部分的总结工作还没有开始，开始遇到新的知识点或是不大明白的知识都没有及时的进行总结，只是将自己想总结的内容都列在了Onenote中，现在回过头来一点点的进行总结，这篇博客是对XMLHttpRequest对象的总结，在总结XMLHttpRequest对象之前我们还是先来回顾一下什么是AJAX以及wome。 一.什么是AJAX 说到这自己还有些羞愧，那天学敏问我AJA
Ajax之XMLHttpRequest的基本使用
weixin_42442856的博客
03-16 539
XMLHttpRequest是浏览器提供的JS对象，可以请求服务器上传的数据资源 一.使用xhr发起GET请求 一般分为四个步骤： 1.创建xhr对象 2.调用xhr.open()函数 3.调用xhr.send()函数 4.监听xhr.onreadystatechange事件 <script> // 1. 创建 XHR 对象 var xhr = new XMLHttpRequest(); // 2. 调用 open 函数
AJAX--XMLHttpRequest的方法
qq_52460205的博客
07-29 550
如xhr.open(‘GET’,‘http//127.0.0.18000/server’);在js中，windows是最顶级对象，代表了一个窗体。1.创建对象(使用new进行创建)
asp.net中ajax使用讲解
11-21
下面是对ASP.NET中使用AJAX的详细讲解： 1. **AJAX基础** AJAX的核心是XMLHttpRequest对象，它在后台与服务器进行通信，获取或发送数据。ASP.NET通过.NET Framework提供了对AJAX的内置支持，使得开发者可以轻松地...
在JavaScript的jQuery库中操作AJAX的方法讲解
10-23
传统的方式中，开发者需要直接操作原生的XMLHttpRequest对象来完成AJAX请求，这要求开发者对AJAX有着深入的理解和精细的控制。 使用jQuery进行AJAX操作，常见的方法有：$.ajax, $.post, $.get和$.getJSON。$.ajax是...
Ajax基础实例讲解
07-16
Ajax（Asynchronous JavaScript and XML）是一种在...Ajax是Web开发中的重要技术，理解并掌握Ajax的基本原理和实践，能帮助你构建更加动态、响应式的网页应用。通过不断练习和项目实战，你可以更好地理解和运用Ajax。
Ajax异步请求技术实例讲解
10-19
Ajax异步请求技术是Web开发中的核心组成部分，它使得网页能够在不刷新整个页面的情况下与服务器进行通信，更新局部内容。这极大地提升了用户体验，特别是在交互频繁的Web应用中。Ajax的全称是Asynchronous ...
原生ajax调用数据实例讲解
10-23
在现代浏览器中，可以通过`new XMLHttpRequest()`来创建，但在旧版的Internet Explorer中，则需要使用ActiveXObject。示例中的`xmlHttpR`函数就是用来处理这种兼容性的： ```javascript function xmlHttpR() { var...
Ajax中XMLHttpRequest对象的详细解析
qd520_1314的博客
04-25 1104
| responseXML | 服务器的相应，表示为XML，这个对象可以解析为一个DOM | | status | 服务器的HTTP状态码 | | statusText | HTTP状态的对应文本 | [](()1.3.1 XMLHttpRequest属性的详细说明 属性： 即可以使用xhr.xx的当时调用或者进行设置 [](()1.readyState属性（响应状态） readyState属性表示请求/响应过程的当前活动阶段 当XMLHttpRequest对象将一个HTTP请求发送到服务器会经
Ajax与XMLHTTPRequest基础理解
xboy100824的博客
04-11 1920
关于Ajax的基础理解。1.Ajax的定义   Asynchronous JavaScript And XML, 即异步JS和XML。一种创建交互式网页应用的网页开发技术。   一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交互，无需重新加载整个网页的基础上，更新局部网页的技术。2.Ajax的原理   使用 JS向服务器提出请求并处理响应而不阻塞用户！核心对象XMLHTTPRequ...
Ajax原理-原生js的XMLHttpRequest对象意义
flyingpig2016的博客
05-21 6996
Ajax原理-原生js的XMLHttpRequest对象意义
SpringBoot中事件广播体系梳理
小小默：进无止境
11-17 2516
上文[Spring中事件监听(通知)机制详解与实践](https://janus.blog.csdn.net/article/details/57411870)我们研究是Spring中的事件机制原理并进行了实践，本文我们梳理一下SpringBoot中事件广播的几个分支。 # 【1】持有分支 事件广播是使用SimpleApplicationEventMulticaster这个应用事件广播器进行处理的。所以我们只需要看这个实例被哪些类持有。 ## ① AbstractApplicationContext 也
Ajax中的XMLHTTPRequest对象
weixin_55491533的博客
06-18 300
Ajax简介 （Asynchronous JavaScript and XML（异步的JavaScript和XML）） 1.1什么是AJAX？ AJAX是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 传统的网页（不使用AJAX）的应用程序案例：新浪微博、Google地图等等 AJAX如何工作？ 1.2同步与异步 同步：是指一个进程在执行某个请求的时候 若该请求需要一段时间才能返回信息， 那么这个进程将会一直等待下去 同步 请求一、请求二、请求三、每个请求要1s则必.
史上最全的AJAX之XMLHttpRequest方法和属性详解
安卓程序员小黄的专栏
02-05 9590
转载请标明出处 本文出自HCY的博客 概述AJAX是“Asynchronous Javascript And XML”的缩写，中文译作“异步JavaScript和XML”。使用AJAX可以通过HTTP协议与服务器交互数据，可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页如果需要更新内容，必须重新加载整个网页页面。此外，它也是实现前端与后端解耦的重要技术手段。为了实现
jQuery ajax之XMLHttpRequest (一)
秦萍健的CSDN
03-09 4444
一.什么是ajax AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML)。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 XMLHttpRequest 是 AJAX 的基础, 而AJAX是对XMLHtt...
ajax中XMLHttpRequest对象详解
小白
11-02 3772
ajax中XMLHttpRequest对象详解         ajax技术的核心或者说负责ajax进行同步或者异步服务器请求是XMLHttpRequest对象。在用使用ajax技术时，其实就是操作XMLHttpRequest进行相应的业务。    方法：    1创建XMLHttpRequest对象     ajax本身还是js写成的，所以在使用XMLHttpRequest,是按照js
关于Ajax中的XMLHttpRequest
山高月非小的博客
04-19 452
看XMLHttpReqesut作的一些笔记。XMLHttpRequest是一个 API，它为客户端提供了在客户端和服务器之间传输数据的功能。 它提供了一个通过 URL 来获取数据的简单方式，并且不会使整个页面刷新。XMLHttpRequest 是AJAX的核心。ajax通过XMLHttpRequset对象来继承了 XMLHttpRequestEventTarget 和EventTarget 的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值