JavaScript中什么是Ajax_如何发起请求-js教程-PHP中文网

JavaScript中什么是Ajax_如何发起请求

夜晨

发布： 2025-12-05 20:48:06

原创

962人浏览过

Ajax是一种不刷新页面即可与服务器交换数据并更新部分网页内容的开发模式，核心是XMLHttpRequest对象；现代常用fetch API（基于Promise），中大型项目多用axios库封装处理。

javascript中什么是ajax_如何发起请求

Ajax（Asynchronous JavaScript and XML）不是某一个技术，而是一种在不刷新整个页面的前提下，与服务器交换数据并更新部分网页内容的开发模式。虽然名字里有 XML，但现在更常用 JSON 格式传输数据。

核心是 XMLHttpRequest 对象

原生 Ajax 的基础是 XMLHttpRequest（简称 XHR）。它允许 JavaScript 向服务器发送 HTTP 请求、接收响应，并在后台处理，不影响用户当前操作。

创建请求对象：const xhr = new XMLHttpRequest();
配置请求：xhr.open('GET', '/api/data', true);（第三个参数 true 表示异步）
设置响应处理函数：xhr.onload = () => { if (xhr.status === 200) console.log(xhr.responseText); };
发送请求：xhr.send();（POST 请求需传入 body 数据）

现代写法：fetch API 更简洁

fetch 是浏览器原生提供的、基于 Promise 的新标准，语法更清晰，逐渐替代 XHR。

基本 GET 请求：fetch('/api/users').then(res => res.json()).then(data => console.log(data));

带选项的 POST 请求：

fetch('/api/login', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ username: 'abc', password: '123' })
}).then(res => res.json());

登录后复制

注意：fetch 默认不带 cookie，如需携带，加 credentials: 'include'

更高级：用 axios 简化常见操作

axios 是一个流行的第三方库，封装了 XHR/fetch，支持拦截器、自动转换 JSON、取消请求等特性，适合中大型项目。

Android配合WebService访问远程数据库中文WORD版

采用HttpClient向服务器端action请求数据，当然调用服务器端方法获取数据并不止这一种。WebService也可以为我们提供所需数据，那么什么是webService呢？，它是一种基于SAOP协议的远程调用标准，通过webservice可以将不同操作系统平台，不同语言，不同技术整合到一起。实现Android与服务器端数据交互，我们在PC机器java客户端中，需要一些库，比如XFire,Axis2,CXF等等来支持访问WebService，但是这些库并不适合我们资源有限的android手机客户端，