程序员scholar 程序员scholar
首页
  • Web 三剑客

    • HTML
    • CSS
    • JavaScript
  • 现代 JavaScript

    • ES6
    • TypeScript
  • 前端工具库

    • jQuery
    • Ajax
    • Axios
  • Vue 生态

    • Vue2
    • Vue3
    • Vue3 + TS
    • Vuex
  • 小程序开发

    • 微信小程序
    • uni-app
  • 构建工具

    • Webpack
  • 服务端技术

    • Node.js
  • 实时通信

    • WebSocket
    • 第三方登录
  • Element-UI
  • Apache ECharts
后端 (opens new window)
  • 面试问题常见

    • 十大经典排序算法
    • 面试常见问题集锦
关于
GitHub (opens new window)
首页
  • Web 三剑客

    • HTML
    • CSS
    • JavaScript
  • 现代 JavaScript

    • ES6
    • TypeScript
  • 前端工具库

    • jQuery
    • Ajax
    • Axios
  • Vue 生态

    • Vue2
    • Vue3
    • Vue3 + TS
    • Vuex
  • 小程序开发

    • 微信小程序
    • uni-app
  • 构建工具

    • Webpack
  • 服务端技术

    • Node.js
  • 实时通信

    • WebSocket
    • 第三方登录
  • Element-UI
  • Apache ECharts
后端 (opens new window)
  • 面试问题常见

    • 十大经典排序算法
    • 面试常见问题集锦
关于
GitHub (opens new window)
npm

(进入注册为作者充电)

  • Ajax

    • 初识Ajax
      • 初识Ajax
        • 1. URL地址的组成部分
        • 2. 客户端与服务器的通信过程
        • 3. 网页中如何请求数据
    • jQuery 的 AJAX 请求
    • 原生 XHR请求
    • 文件上传
    • Ajax 提交表单数据
    • 跨域与JSONP
  • Ajax
  • Ajax
scholar
2024-07-24
目录

初识Ajax

# 初识Ajax

# 1. URL地址的组成部分

image-20230626230018802

# 2. 客户端与服务器的通信过程

image-20230626230158269

# 3. 网页中如何请求数据

网页中请求数据的常见方式有:

  • 传统表单提交: 用户在表单中输入数据,提交表单时浏览器会发起一个 HTTP 请求,将数据发送到服务器,并显示响应页面。
  • AJAX(Asynchronous JavaScript and XML): 允许网页在不重新加载整个页面的情况下,与服务器交换数据并更新页面内容。AJAX 请求可以使用 JavaScript 发起,通常采用 XMLHttpRequest 对象或 fetch API。

image-20230626230324233

编辑此页 (opens new window)
jQuery 的 AJAX 请求

jQuery 的 AJAX 请求→

Theme by Vdoing | Copyright © 2019-2025 程序员scholar
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式