CodeNodeX AI
Sign upWrite

Learning Path

AJAX tutorials

Browse tutorials and chapters for AJAX.

Frontend

HTML, CSS, JavaScript, browser APIs, frontend frameworks, and UI engineering.

Tutorials

14

TAXONOMYFrontendFetched/AJAX

AJAX 教程

function loadXMLDoc() { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject('Microsoft.XMLHTTP&..

TUTORIALFrontendFetched/AJAX

AJAX ASP/PHP 实例

AJAX ASP/PHP 实例 AJAX 用于创造动态性更强的应用程序。 AJAX ASP/PHP 实例 下面的例子将为您演示当用户在输入框中键入字符时，网页如何与 web 服务器进行通信： 请在下面的输入框中键入字母（A - Z）： function showHint(str) { var xmlhttp; if (str.length==0) { document.getElementById(..

TUTORIALFrontendFetched/AJAX

AJAX Database 实例

AJAX Database 实例 function showCustomer(str) { var xmlhttp; if (str=='') { document.getElementById('txtHint').innerHTML=''; return; } if (window.XMLHttpRequest) { ..

TUTORIALFrontendFetched/AJAX

AJAX 实例

AJAX 实例 为了帮助您理解 AJAX 的工作原理，我们创建了一个小型的 AJAX 应用程序: 实例 function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// ..

TUTORIALFrontendFetched/AJAX

AJAX 实例

AJAX 实例 AJAX 实例 一个简单的AJAX实例 创建一个简单的XMLHttpRequest，从一个TXT文件中返回数据。 用AJAX加载 XML 文件 创建一个简单的XMLHttpRequest，从一个XML文件中返回数据。 用AJAX进行一次 HEAD 请求 检索资源（文件）的头信息。 用AJAX进行一次指定的 HEAD 请求 检索资源（文件）的指定头信息。 用AJAX从ASP 文件返回数据 当用户在文本框内键入字符..

TUTORIALFrontendFetched/AJAX

AJAX 简介

AJAX 简介 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 AJAX 通过在后台与服务器交换数据，并能够更新部分网页内容。 您应当具备的基础知识 在继续学习之前，您需要对下面的知识有基本的了解： HTML / XHTML CSS JavaScript / DOM 如果您希望首先学习这些项目，请在我们的首页访问这些教程。 什么是 AJAX ？ AJAX = 异步 JavaScript ..

TUTORIALFrontendFetched/AJAX

AJAX JSON 实例

AJAX JSON 实例 AJAX 可用来与 JSON 文件进行交互式通信。 AJAX JSON 实例 下面的例子将演示网页如何使用 AJAX 来读取来自 JSON 文件的信息： function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 ..

TUTORIALFrontendFetched/AJAX

AJAX 教程

function loadXMLDoc() { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject('Microsoft.XMLHTTP&..

TUTORIALFrontendFetched/AJAX

AJAX XML 实例

AJAX XML 实例 AJAX 可用来与 XML 文件进行交互式通信。 AJAX XML 实例 下面的例子将演示网页如何使用 AJAX 来读取来自 XML 文件的信息： function loadXMLDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4..

TUTORIALFrontendFetched/AJAX

AJAX - 创建 XMLHttpRequest 对象

AJAX - 创建 XMLHttpRequest 对象 XMLHttpRequest 是 AJAX 的基础。 XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 创建 XMLHttpRequest 对象..

TUTORIALFrontendFetched/AJAX

AJAX - onreadystatechange 事件

AJAX - onreadystatechange 事件 onreadystatechange 事件 当请求被发送到服务器时，我们需要执行一些基于响应的任务。 每当 readyState 改变时，就会触发 onreadystatechange 事件。 readyState 属性存有 XMLHttpRequest 的状态信息。 下面是 XMLHttpRequest 对象的三个重要的属性： 属性 描述 onre..

TUTORIALFrontendFetched/AJAX

AJAX - 服务器 响应

AJAX - 服务器 响应 服务器响应 如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。 属性 描述 responseText 获得字符串形式的响应数据。 responseXML 获得 XML 形式的响应数据。 responseText 属性 如果来自服务器的响应并非 XML，请使用 responseText 属性。 re..

TUTORIALFrontendFetched/AJAX

AJAX - 向服务器发送请求

AJAX - 向服务器发送请求 XMLHttpRequest 对象用于和服务器交换数据。 向服务器发送请求 如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法： xmlhttp.open('GET','ajax_info.txt',true); xmlhttp.send(); 方法 描述 open(method,url,a..

TUTORIALFrontendFetched/AJAX

Fetch API

Fetch API Fetch API 是一种现代的、功能强大的网络请求工具，它允许你通过 JavaScript 异步地请求资源，而不需要使用传统的 XMLHttpRequest 对象。 Fetch API 可以简洁地发起 HTTP 请求，并处理服务器的响应。 Fetch API 基于 Promise 设计，使得异步操作更加简洁和易于理解。 Fetch 优点： 基于 Promises，代码更加简洁和易读。更好的错误处理机制：只在网络错误..