我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

前端-范建荣-20230606

[复制链接]
°荣 发表于 2023-6-14 12:14:59 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、学习内容
Ajax(Asynchronous JavaScript and XML) 异步的JavaScript XML

1.JSON的概念:

前后端进行数据交互的时候,需要使用字符串类型
前端操作对象更容易

JSON: JavaScript Object Notation(JavaScript 对象标记法)。**

.JSON 是一种存储和交换数据的语法。**

JSON 是通过 JavaScript 对象标记法书写的文本。**

## 什么是 JSON?

- JSON 指的是 JavaScript 对象标记法(*J*ava*S*cript *O*bject *N*otation)

- JSON 是一种轻量级的数据交换格式

- JSON 具有自我描述性且易于理解

- JSON 独立于语言

  ## 为什么使用 JSON?

  因为 JSON 格式仅仅是文本,它能够轻松地在服务器浏览器之间传输,并用作任何编程语言的数据格式。

  JavaScript 提供內建函数把以 JSON 格式写的字符串转换为原生 JavaScript 对象:

  ```
  JSON.parse()
  ```

  因此,如果您以 JSON 格式从服务器接收数据,那么您可以像任何其他 JavaScript 对象那样使用它。

1.JSON:JavaScript 对象表示法

2.JSON不是一门编程语言,就是js应用,存储和交换数据的一种格式

3.JSON的本质是字符串

4.语法有特殊的要求,使用双引号

![1684422892923](C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\1684422892923.png)

case:把本地信息传递给服务器

![1684422939073](C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\1684422939073.png)

##### 2.环境配置

1.安装了nodejs运行环境
2.安装nodemon的插件
        npm install nodemon -g
3.在app.js同级目录下打开黑窗口
        nodemon app.js
4.到浏览器中输入  127.0.0.1:3000
5.运行你的html文件的话  127.0.0.1:3000/01我的ajax文件.html

===================================
get和post请求数据的区别。
传统数据方式  key=val&key2=val2;
get直接在地址栏拼接数据;

请求头的配置。

## post需要把数据方法send中。

请求头的配置。
传递json格式(必须使用post方式)

## 交换数据

当数据在浏览器与服务器之间进行交换时,这些数据只能是文本。

JSON 属于文本,并且我们能够把任何 JavaScript 对象转换为 JSON,然后将 JSON 发送到服务器。

我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。

以这样的方式,我们能够把数据作为 JavaScript 对象来处理,无需复杂的解析和转译。

| [JSON.parse()](https://www.runoob.com/js/javascript-json-parse.html) | 用于将一个 JSON 字符串转换为 JavaScript 对象。 |
| ------------------------------------------------------------ | ---------------------------------------------- |
| [JSON.stringify()](https://www.runoob.com/js/javascript-json-stringify.html) | 用于将 JavaScript 值转换为 JSON 字符串。       |

## 什么是 AJAX?

AJAX = *A*synchronous *J*avaScript *A*nd *X*ML.

AJAX 并非编程语言。

AJAX 仅仅组合了:

- 浏览器内建的 XMLHttpRequest 对象(从 web 服务器请求数据)
- JavaScript 和 HTML DOM(显示或使用数据)

Ajax 是一个令人误导的名称。Ajax 应用程序可能使用 XML 来传输数据,但将数据作为纯文本或 JSON 文本传输也同样常见。

Ajax 允许通过与场景后面的 Web 服务器交换数据来异步更新网页。这意味着可以更新网页的部分,而不需要重新加载整个页面。


二、遇到问题
三、是否解决

回复

使用道具 举报

关注0

粉丝0

帖子54

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026