Ajax请求以及发送Ajax请求的方式

article/2025/9/20 23:04:18

1.在写C语言时候,写了好长时间,终于开始运行了,结果出现了这种情况,以前就没见过。

原来是自己的函数名写错了,main写成了amin.所以写代码一定要细心,不然会给你带来很失望的心情。

2.Ajax请求步骤

//1.创建对象const xhr = new XMLHttpRequest();//2.初始化  设置请求方法和urlxhr.open('GET', 'http://127.0.0.1:8000/server?a=200&&b=300&&c=400');//3.发送xhr.send();//4. 事件绑定 处理服务端返回的结果// on  when  当....的时候// readystate 是 xhr 对象中的属性,表示状态 0 1 2 3 4xhr.onreadystatechange = function () {//判断 (服务端返回了所有的结果)if (xhr.readyState === 4) {//判断响应状态码 200 404 403 401 500//2xx 成功if (xhr.status >= 200 && xhr.status < 300) {// 处理结果 行 头 空行 体//1.响应行// console.log(xhr.status);//状态码// console.log(xhr.statusText);//状态字符串// console.log(xhr.getAllResponseHeaders());//所有响应头// console.log(xhr.response);//响应体//设置result的文本result.innerHTML = xhr.response;}}}

后台代码:

//引入express框架
const express = require('express');
// //路径处理模块
// const path = require('path');
//创建web服务器
const app = express();//静态资源访问服务功能
// app.use(express.static(path.join(__dirname, 'public')));//request是对请求报文的封装
//response是对响应报文的封装
app.get('/server', (request, response) => {//设置响应头response.setHeader('Access-Control-Allow-Origin', '*')//设置响应体response.send('Hello Ajax');
});

3.Ajax请求方式

1)get,没有什么注意,代码就如上面那块代码。

2)post, 如果 使用post发送数据 必须 设置 如下内容,在初始化步骤里面添加:

xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

然后在 send() 方法中规定您希望发送的数据;

3)json。

4.发送Ajax请求的方式

1)XMLHttpRequest是WebAPI中的标准对象,可发起Ajax请求。

2)fetch是一个全局作用下的函数,该函数返回一个Promise,是官方提供的一个新的发起Ajax请求的WebAPI。

3)jQuery绝对是一个伟大的发明,它使得dom操作变得简单而直观,并且还解决了一大部分的兼容性问题,在Ajax请求方面,jQuery同样对XMLHttpRequest进行了封装,使得Ajax请求变得简单而直观。

4)axios的使用与jQuery类似。


http://chatgpt.dhexx.cn/article/mXI5H77Z.shtml

相关文章

html的ajax请求

页面中ajax发起请求&#xff0c;controller接收数据并处理 这次ajax的测试以访问html的方式配置 配置yml文件&#xff1a; 然后在 src/main/webapp下创建一个html页面 创建controller&#xff1a; 运行项目就可以访问到index.html&#xff1a; 引入jquery&#xff1a; 修改…

Ajax请求详解

Ajax请求 一、什么是Ajax二、Ajax原理是什么三、Ajax的使用1.创建Ajax核心对象XMLHttpRequest(记得考虑兼容性)2.向服务器发送请求3.服务器响应处理&#xff08;区分同步跟异步两种情况&#xff09;①同步处理②异步处理③GET和POST请求数据区别 四、结束语五、jQuery的ajax函数…

Ajax原理一篇就够了

前言 AJAX即“Asynchronous Javascript And XML”,是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。它可以令开发者只向服务器获取数据(而不是图片,HTML文档等资源),互联网资源的传输变得前所未有的轻量级和纯粹,这激发了广大开发者的…

Ajax请求

ajax请求简介&#xff1a; ajax是利用前端的技术&#xff0c;向服务器发送一个异步请求 原有的请求在请求后需要刷新整张页面&#xff0c;但是用ajax请求后只需要刷新一部分页面即可&#xff1b; xhr基础属性&#xff1a; Jquery与ajax&#xff1a;使用$.ajax({}) Ajax的html…

Ajax请求的五个步骤

目录 Ajax请求的五个步骤 一、定义 1、什么是Ajax 2、同步与异步的区别 3、ajax的工作原理 二、实现AJAX的基本步骤 1、创建XMLHttpRequest对象 2、创建HTTP请求 3、设置响应HTTP请求状态变化的函数 4、设置获取服务器返回数据的语句 5、发送HTTP请求 6、局部更新 …

详解Ajax请求

目录 1.$.get()函数的语法 2.$.get()发起不带参数的请求 3.$.get()发起带参数的请求 4.$.post()函数的语法 5.$.post()向服务器提交数据 6.$.ajax()函数的语法 7.使用$.ajax()发起GET请求 ​8.使用$.ajax()发起POST请求 1.$.get()函数的语法 jQuery中$.get()函数的功能单…

linux下输入法,中英文自由切换,仍无法输入中文

1、安装中文输入法&#xff1a;yum install "Chinese Support" 2、中英文切换&#xff1a;Super空格 &#xff08;其中Super键在Ctrl和Alt之间&#xff09; 也可以直接点击右上角进行切换 3、设置输入源&#xff1a;如果直接选择汉语的话&#xff0c;即使中英文可以…

Linux配置中文输入法图文教程

原来的设置中&#xff0c;从中文切换到英文或者从英文切换为中文&#xff08;跨语言&#xff09;时&#xff0c;总要使用不同的快捷键。在这个教程中&#xff0c;我们将使用controlshift来完成所有输入法的切换&#xff08;无论是否跨语言&#xff09;。 首先在键盘设置中&…

「 Linux 」“安装中文输入法方法”讲解

一、前言 每重装一次Linux系统都会被中文输入法打扰一下&#xff0c;把安装方法记录下来吧&#xff0c;方便操作。 二、技术实现 1. 点击屏幕右上角的螺丝口&#xff0c;选择“System Settings”&#xff1b; 2. 点击“Language suport”&#xff1a; 3. 弹出语言支持安装窗口…

【Linux】安装中文输入法

目录 1.安装中文输入2.设置输入法快捷键切换 1.安装中文输入 命令&#xff1a;sudo apt-get install ibus-pinyin 输入命令后重启一下&#xff1a;reboot 添加之后就可以在右上角选择了 2.设置输入法快捷键切换 右上角进入设置界面 默认的切换快捷键&#xff1a; 鼠标单击…

Linux不能输入中文

Linux不能输入中文 文章目录 Linux不能输入中文1 目标2 环境3 修改配置3.1 服务器编码配置 1 目标 本文针对的问题是“Ubuntu 安装中文语言包”“Ubuntu Server中文问题”&#xff0c;“Ubuntu更改语言环境”&#xff0c;“Ubuntu locale的设定”&#xff0c;“cannot change …

Linux之中文输入

打开linux系统的应用程序选择系统工具点击设置选择区域和语言窗口 添加汉语中文输入源 使用win空格实现切换&#xff1b;或shift。

linux下的中文输入法

最近折腾Ubuntu&#xff0c;之前一直是用英文显示系统&#xff0c;输入法也是Ubuntu14默认的拼音&#xff0c;一开始也没觉得不好&#xff0c;可是在vim编辑文档时 &#xff0c;需要添加注释&#xff0c;这就显得十分不方便&#xff0c;所以花点时间来解决这个问题&#xff0c;…

ubuntu linux安装中文输入法+汉化(超详细过程)

汉化 1.打开settings 2.进入Region & Language 3.点击manage installed languages 4.点击下图按钮 5.安装简体中文 6.点击apply system-wide 7.把汉语往上移动 8.然后把formats改成china&#xff0c;再重启就可以了 安装中文输入法 1.ctrlaltt打开终端 2.输入sudo apt-get …

Linux.Ubuntu.中文输入法设置

Linux.Ubuntu.中文输入法设置(ibus-pinyin) Ubuntu version&#xff1a;ubuntu-12.04.5-desktop-amd64 安装ibus sudo apt-get install ibus IBus 全称 Intelligent Input Bus是下一代输入法框架&#xff08;或者说“平台”&#xff09;。 项目现托管于 Google Code - http…

linux下安装中文输入法及vim支持中文的方法

最近折腾Ubuntu&#xff0c;之前一直是用英文显示系统&#xff0c;输入法也是Ubuntu14默认的拼音&#xff0c;一开始也没觉得不好&#xff0c;可是在vim编辑文档时 &#xff0c;需要添加注释&#xff0c;这就显得十分不方便&#xff0c;所以花点时间来解决这个问题&#xff0c;…

Kali linux 安装中文输入法

1.首先&#xff0c;设置源&#xff0c;在终端中键入如下代码&#xff0c;打开源设置文件 leafpad /etc/apt/sources.list将source.list文件清空&#xff0c;保存如下信息&#xff1a; deb http://http.kali.org/kali kali main non-free contrib deb-src http://http.kali.or…

linux安装中文输入法详细版

linux安装中文输入法 超详细版&#xff01; 作为一个linux的初学者来说&#xff0c;有时候在修改hostname和vim编辑器中时常会会用到中文输入法&#xff0c;发现Ctrl空格居然切换不了&#xff0c;浏览过百度及其cdns后现安装成功&#xff0c;结合百度网友及其csdn网友分享的经…

【Linux】Linux使用中文输入法

使用系统自带的中文输入法 点击右上角进入设置 找到“Region & Language”&#xff0c;点击加号添加中文输入法 选择Chinese 选择Chinese (Intelligent Pinyin)&#xff0c;点击右上角Add 设置完成后右上角选择中文即可使用&#xff08;可使用Shift切换&#xff09;

Linux上的中文输入法安装(Ubuntu + Kali五笔拼音)

Linux上的中文输入法安装Ubuntu Kali五笔拼音 1.输入法框架2.输入法3.操作系统4.使用体验5.安装输入法6.输入配置 1.输入法框架 在Linux上&#xff0c;常见的输入法框架有三种&#xff1a;fcitx、ibus、xim。 2.输入法 支持的输入法&#xff1a;拼音、全拼、五笔、五笔拼音…