Ajax异步请求实例

最新推荐文章于 2022-10-30 14:49:32 发布
最新推荐文章于 2022-10-30 14:49:32 发布
阅读量431 收藏
点赞数

Ajax中的onreadystatechange 是一个事件句柄。   它的值 (state_Change) 是一个函数的名称， 当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化。  

xmlhttpeDemo.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <META   HTTP-EQUIV="nocache"   CONTENT="no-cache"/>
    <title></title>
    
 <!--   onreadystatechange 是一个事件句柄。
    它的值 (state_Change) 是一个函数的名称，
    当 XMLHttpRequest 对象的状态发生改变时，
    会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化。
    仅在状态为 4 时，我们才执行代码-->
    
    <script type="text/javascript">
        var xmlhttp = null;
        function  loadXMLDoc(url) {
            if (window.XMLHttpRequest)
                xmlhttp = new XMLHttpRequest();
            if (window.ActiveXObject)
                xmlhttp = new ActiveXObject("Microsoft.XMLHttp");
            if (xmlhttp != null) {
                xmlhttp.onreadystatechange = state_Change;
                xmlhttp.open("GET", url, true); //true - 异步处理
                xmlhttp.send(null);
            }
        }
 
        function  state_Change() {
            if (xmlhttp.readyState == 4) {
                alert("Ready,State: " + xmlhttp.readyState);
                if (xmlhttp.status == 200) {
                    document.getElementById('A1').innerHTML = xmlhttp.status;
                    document.getElementById('A2').innerHTML = xmlhttp.statusText;
                    document.getElementById('A3').innerHTML = xmlhttp.responseText;
                }
            } else {
                alert("No ready,State: " + xmlhttp.readyState);
            }
        }
    </script>
</head>
<body>
    <p><b>Status:</b>
    <span id="A1"></span>
    </p>

    <p><b>Status text:</b>
    <span id="A2"></span>
    </p>

    <p><b>Response:</b>
    <br /><span id="A3"></span>
    </p>

    <button οnclick="loadXMLDoc('xmlText.xml')">Get XML</button>
</body>
</html>

xmlText.xml

<?xml version="1.0" encoding="utf-8" ?>
<message>
  <from>John</from>
  <to>Amy</to>
  <msg>Come here tonight!</msg>
</message>

只有一当readyState=4的时候，才能读取xmlText.xml的内容。

qq804702802
关注
ajax异步请求实例
天道酬勤
06-24 7279
1. 问题分析     用户管理显示页面：usermanagement.tpl(也可以说是MVC中的V，即视图)     用户管理数据发送页面：usermanagement.php(也可以说是MVC中的M，即模型)     获取用户所在队列的执行，需要一个参数即：username。原本想的是在数据发送页面usermanagement.php中直接用命令执行，然后再将结果发送到显示页面，这样原
JavaScript实现Ajax异步请求实例详解
weixin_44560792的博客
05-03 573
JavaScript实现Ajax异步请求实例详解 作者：欧日鑫 撰写时间：2020年5月1日 本文主要和大家分享JavaScript实现Ajax异步请求实例详解，ajax现在是一种非常流行的技术，现在虽然可以利用JQuery或者一些第三方插件甚至微软提供的一些控件可以方面的实现ajax功能，但是明白其原理也是非常重要的，下面是来使用纯javascript实现获取服务器端的功能来展示如何使用纯ja...
Ajax异步请求简单示例
03-23
Ajax实现异步请求的示例 直接部署就可以运行 页面内局部刷新
ajax异步请求
weixin_41834497的博客
07-30 535
方式一：         $.ajax({             async: false,             type: "POST",             url:'${base}/platform/platform!saveConsult.action',             contentType : "application/x-www-form-urlencoded;...
jQuery Ajax 实例 ($.ajax、$.post、$.get)
张欢欢的专栏
05-12 285
//1.$.ajax带json数据的异步请求 var aj = $.ajax( {       url:'productManager_reverseUpdate',// 跳转到 action       data:{                selRollBack : selRollBack,                selOperatorsCode : selOperat
ajax 异步请求例子
IBelieve的专栏
06-04 878
JS   删除医嘱时  用异步ajax删除   源码： function delOrdersDictionary(){     E_ShowLoding();    if (!window.rowTop)    {     alert("请选择要删除的医嘱!");     E_HideLoding();     return;    }    if (window.rowTop.
Ajax异步请求技术实例讲解
12-09
AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX不是新的编程语言，而是一种使用现有标准的新方法。ajax是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换。ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页（不使用ajax）如果需要更新内容，必须重载整个网页面。 在Web应用开发过
ajax异步请求实现详例,JavaScript实现Ajax异步请求实例详解
weixin_34688784的博客
08-05 633
该楼层疑似违规已被系统折叠隐藏此楼查看此楼JavaScript实现Ajax异步请求实例详解~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Adobe DreamweaverJavaScript作者：欧日鑫撰写时间：2020年5月1日本文主要和大家...
ajax异步请求及案例
qq_15994257的博客
08-27 2905
ajax异步请求及案例 1、ajax的介绍 前端页面想和后端页面进行数据交互就可以使用ajax。 让 javascript 发送异步的 http 请求，与后台服务器通信进行数据的获取，实现局部刷新。 在html页面使用ajax需要在web服务器环境下运行, 一般向自己的web服务器发送ajax请求。 2、ajax的使用 jquery将它封装成了一个方法$.ajax()，我们可以直接用这个方法来执行ajax请求。 使用前, 先在 https://www.apishop.net/ 注册账号, 在控制台获得
jquery的ajax异步请求接收返回json数据实例
12-03
在JavaScript的世界中，jQuery库极大地简化了与服务器端交互的过程，特别是对于异步请求（Ajax）和处理返回的JSON数据。本篇文章将深入探讨如何使用jQuery的`$.ajax`方法来实现异步请求并接收JSON数据。 首先，JSON...
ajax异步请求示例
网络
09-18 391
ajaxTest.jsp My JSP 'ajaxTest.jsp' starting page enter : ajaxTest.jsvar http_request = false;function sendRequest(method, url, content, responseType, callback) { http_request = false; i
ajax异步请求案例
ejohn0808的博客
10-30 464
ajax异步请求案例
AJAX的异步请求小例子
starjuly的专栏
09-09 4713
AJAX的异步请求小例子
ajax异步请求演示
10-12
用javascript硬编码方式和jquery框架方式完成ajax异步请求的示例源码。直接访问方式是，可以直接在tomcat启动后访问helloAjaxDemo.jsp或是helloJQueryAjaxDemo.jsp。
Ajax异步请求数据案例
SYQ15544423296的博客
08-27 218
Ajax异步请求数据案例
Ajax异步请求实战案例讲解
06-17
本动手实战项目介绍了如何在前端使用Ajax向后端请求数据并展示在Web页面，并且在Web页面提供了“增、删、查、改”的功能。 ? 一、融汇贯通 将Python语言和Django基础知识，以实际应用为媒介，有机组织、融汇贯通。让你的理论与实践结合起来，由知道变成会用。使用了大量的Django高级特性和Bootstrap前端框架，展示了真实的项目部署过程。 ? 二、贴近实战 本系列课程为练手项目实战：学生管理系统v3.0的开发，项目包含了如下几个内容：项目的总体介绍、当前项目的介绍，Ajax介绍和应用场景、Ajax常见的应用案例讲解、实战项目的初始化和项目准备、使用Ajax访问后台的接口并获得数据展示在web页面、在前端使用Ajax对后端进行请求完成对学生数据的增删改查。课程具有极强的实战性。 ? 三、课程亮点 在本案例中，最大的亮点在于使用了Ajax的异步请求，理解Ajax的使用场景和常见的语法规范，对Ajax理解后，为后期前后端分离的架构做了技术储备 ? 学习收获： 在学习完本系列中所有的课程后，从前端页面的实现，到后台代码的编写，再到数据库的管理，一人可以搞定一个公司网站的所有事情，
ajax-demo 异步请求 示例学习
weixin_46433080的博客
12-07 661
ajax
ajax异步请求案例,AJAX实现简单的注册页面异步请求实例代码
weixin_32450633的博客
08-05 404
AJAX简介(1)AJAX = 异步 JavaScript 和 XML。(2)AJAX 是一种用于创建快速动态网页的技术。(3)通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。(4)传统的网页(不使用 AJAX)如果需要更新内容，必需重载整个网页面。简单布局JS先判断,把前端可以的判断做,减少服务器的交互$('...
JQuery中Ajax的异步调用 示例
06-25
JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,一个关于在js中通过JQuery实现异步无刷新技术，附带文档，详细的说明了开发的步骤，以及源代码文件，并有详细的注释和图解，让人一目了然。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值