一个例子解释AJAX

最新推荐文章于 2022-03-05 13:40:23 发布
最新推荐文章于 2022-03-05 13:40:23 发布
阅读量608 收藏
点赞数
分类专栏： WEB 文章标签： ajax xmlhttprequest function javascript server html
<html>
<head>
<title>My Ajax Application</title>
<script Language="JavaScript">
function getXMLHTTPRequest() {
try {
req = new XMLHttpRequest();
} catch(err1) {
  try {
  req = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (err2) {
    try {
    req = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (err3) {
      req = false;
    }
  }
}
return req;
}

var http = getXMLHTTPRequest();

function getServerText() {
  var myurl = 'textserver.php';
  myRand = parseInt(Math.random()*999999999999999);
  var modurl = myurl+"?rand="+myRand;
  http.open("GET", modurl, true);
  http.onreadystatechange = useHttpResponse;
  http.send(null);
}

function useHttpResponse() {
   if (http.readyState == 4) {
    if(http.status == 200) {
      var mytext = http. responseText;
      document.getElementById('myPageElement').innerHTML = mytext;
    }
  } else {
  document. getElementById('myPageElement').innerHTML = "";
  }
}

</script>
</head>
<body onLoad="getServerText()">
Here is the text returned by the server:<br>
<div id="myPageElement"></div>
</body>
</html>

/*
<?php
echo "This is the text from the server";
?>
 
chenshizero
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax举例
08-01
内有3个实用的简单例子
ajax例子
上千主上-贝库塔
10-28 1260
ajax
Ajax的理解
前端与计算机相关知识的分享，博主的qq523235674
03-05 2332
一.网页中如何请求数据 数据，也是服务器对外提供的一种资源。只要是资源，必然要通过请求–处理–响应的方式进行获取。 如果要在网页中请求服务器上的数据资源，则需要用到XMLHttpRequest对象。XMLHttpRequest(简称xhr）是浏览器提供的js成员，通过它，可以请求服务器上的数据资源。 最简单的用法 var xhrObi = new XMLHttpRequest(） 二.资源的请求方式 客户端请求服务器时，请求的方式有很多种，最常见的两种请求方式分别为get和 post请求。..
举例说明ajax的应用,AJAX应用举例
weixin_36486277的博客
08-05 289
当用户输入lixin时，显示“该用户名已存在”；输入其他内容是，显示“该用户名可以注册”.index.jsp://根据不同的浏览器创建不同的XMLHttpRequest对象function createXmlHttpRequest(){var xmlreq = false;if (window.XMLHttpRequest) {xmlreq = new XMLHttpRequest();} els...
一个完整的ajax应用例子
09-25
3. **反馈结果**：收到服务器响应后，根据返回的数据（例如，一个布尔值表示用户名是否可用），在页面上显示相应的提示信息。 **四、实现细节** 1. **创建XMLHttpRequest实例**：`var xhr = new XMLHttpRequest();`...
学习Ajax的一个小例子
03-22
在这个例子中，我们向'myajax/data.txt'发送了一个GET请求，假设该文件返回的是一个简单的JSON对象，如`{"message": "Hello, Ajax!"}`。收到响应后，我们将message字段的内容插入到ID为'result'的HTML元素中。 `...
一个ajax例子
03-24
下面将详细介绍Ajax的基本概念、工作原理以及一个可能的例子实现。 Ajax的核心是JavaScript对象XMLHttpRequest，它允许JavaScript在后台与服务器进行通信，而不会中断用户的交互。通过这种方式，我们可以实现页面的...
第一个Ajax例子
03-05
博文链接：https://fuhao9611.iteye.com/blog/72110
一个经典Ajax例子的解析.pdf
最新发布
01-03
最后要求一个文本框中输入学生的学号，按回车键后，通过与后台的交互在此页面使用 Ajax 技术，可以在另外两个文本框直接输出根据学号查询到相应学生的姓名和年龄。 （四）建立 XML 文档 建立一个 XML 文档用于网页...
ajax常用案例,AJAX实例
weixin_34649252的博客
08-05 2057
AJAX实例用户页面发起一个请求， 使用servlet输出数据到jsp练习使用HttpServletResposne输出。pint使用servlet输出一个字符串响应ajax请求根据省份id查询省份名称需求：用户在文本框架输入省份的编号id，在其他文本框显示省份名称● 项目环境准备：数据库：springdb数据表：● 省份信息表：CREATE TABLE `province` (`id` int(...
Ajax理解
u011607686的博客
04-23 617
以下是我认为对Ajax较为准确的解释：（摘自what is Ajax） AJAX stands for Asynchronous JavaScript and XML. AJAX is a new technique for creating better, faster, and more interactive web applications with the help of XML, HT
解释AJAX的工作原理
weixin_42710787的博客
07-16 604
第一步      创建ajax对象 第二步      设置url路径 第三步      设置get或post等类型 第四步      设置数据类型jsonp 第五步      回调函数
ajax 讲解及联系解释
qq_44290815的博客
07-21 101
1 简答题（写概念，思原理） 1.1 请简述你对AJAX的理解 参考答案： Asynchronous Javascript And Xml(异步的javascript和xml)。为了解决传统的web应用当中“等待-响应-等待"的弊端而创建的一种技术，其实质可以理解 为：使用浏览器内置的一个对象(XmlHttpRequest)向服务器发送请求，服务器返回xml数据 或者是文本数据给浏览器，然后在浏览...
请尽可能详尽的解释AJAX的工作原理
Acxm7799的博客
12-14 1057
原文出处：https://www.cnblogs.com/luckyXcc/p/5804913.html第一步：创建ajax对象（XMLHttpRequest/ActiveXObject(Microsoft.XMLHttp)）第二步：判断数据传输方式(GET/POST)第三步：打开链接 open()第四步：发送 send()当ajax对象完成第四步（onreadystatechange）数据接收完成
ajax基础及解释
weixin_45261642的博客
08-10 161
最简单的ajax，最详细的注释，代码注释如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <bod
AJAX（详解）
冰霜的博客
09-11 2871
AJAX 1.什么是AJAX？ AJAX即“Asynchronous Javascript And XML”（异步的JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。AJAX描述了一种主要使用脚本操作HTTP的Web应用架构，AJAX应用的主要特点是使用脚本操纵HTTP和Web服务器进行数据交换，不会导致页面重载。 对AJA
详解AJAX工作原理以及实例讲解（通俗易懂）
02-25 1264
什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。 有很多使用 AJAX 的应用程序案例：
ajax是什么
wkkkk_k的博客
10-15 3720
才开始接触Ajax的时候,只是知道它的作用是客户端与服务端之间在不刷新网页的情况下进行数据交换，但对于他具体是什么，在客户端与服务端怎么进行数据交换的原理是不清楚的,现在我们来了解一下. 一.Ajax是什么 Ajax，全称Asynchronous JavaScript and XML ，也就是异步加载的javascript 和 XML 2.Ajax是一种用于创建快速动态网页的技术。 3.通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的
Ajax的一个简单例子
07-12
当然，我可以给你一个简单的 Ajax 示例。假设你有一个 HTML 页面，上面有一个按钮和一个用于显示结果的 `<div>` 元素。当点击按钮时，我们将通过 Ajax 请求获取一些数据并将其显示在 `<div>` 中。 首先，确保你在页面中引入了 jQuery 库，因为它简化了 Ajax 请求。然后，你可以按照以下示例代码进行操作： ```html <!DOCTYPE html> <html> <head> <title>Ajax 示例</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <button id="ajaxButton">点击加载数据</button> <div id="resultDiv"></div> <script> $(document).ready(function() { $("#ajaxButton").click(function() { $.ajax({ url: "example.com/data", // 替换为实际的数据源 URL type: "GET", success: function(response) { $("#resultDiv").text(response); // 将响应数据显示在 <div> 中 }, error: function() { $("#resultDiv").text("请求失败"); } }); }); }); </script> </body> </html> ``` 在这个示例中，当点击按钮时，jQuery 的 `$.ajax()` 函数将发出一个 GET 请求到指定的 URL。成功时，它将响应数据传递给 `success` 回调函数，我们在这里将其显示在 `<div>` 中。如果请求失败，则会调用 `error` 回调函数。 请注意，你需要将 `example.com/data` 替换为实际的数据源 URL，以便从正确的位置获取数据。此外，这只是一个基本示例，你可以根据自己的需要进行修改和扩展。 希望这个简单的 Ajax 示例能帮到你！如果你有任何其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值