Hello WEB！ AJAX yyds（一）--AJAX的介绍和json文件

最新推荐文章于 2024-07-25 12:41:07 发布

Padaz

最新推荐文章于 2024-07-25 12:41:07 发布

阅读量125

点赞数

分类专栏：前端文章标签： ajax

本文链接：https://blog.csdn.net/weixin_45160152/article/details/119377516

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

什么是Ajax
       全称 Ansync JavaScript and XML，是一门异步的加载技术，局部刷新
   Ajax 怎么用
       Ajax的使用分为原生和jq两种，需要掌握的jq的，原生了解就行
   Ajax 功能
       异步加载，可以在不重载整个网页的前提下，进行局部刷新
   原生Ajax -XmlHttpRequest对象的主要方法
       第一步：创建需要的对象，这里主要用到的是XMLHttpRequest，注意需要考虑早期的IE；
       第二步：连接和发送；
       第三步：接收；
   jQuery Ajax
       1. 导入jquery{}
       2. 基本方法$.get(){}和$.post()

   Json是什么
       对象表示法，可以用作网页，是一个存储和交换文本信息的语法
   格式
       键值对 {键1：值1，键2：值2，....}
               值可以为：对象，数字，数组，字符串（false，true，null）
   用法
       字符串转JSON对象 JSON.parse()
       Json对象转字符串 JSON.stringify()

网盘资料链接：https://pan.baidu.com/s/1qFRLUOS-d3Ns3_avzXRrhw
提取码：echo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax</title>
</head>
<body>


<script>
    var obj = {'a':"AAA",'b':"BBB",'c':"CCC"};
    var json = {a:"aaa",b:"bbb"};       //这是一个对象，键值对中，键可以使用逗号，也可以不使用

    console.log("都有小三角型");
    console.log(obj);
    console.log(json);

    console.log("可以提取obj中的元素");
    console.log(obj.a);
    console.log(json.a);

    console.log("查看数据类型");
    console.log(typeof obj);
    console.log(typeof json);

    // json的写入
    obj.c = 'new_word';
    document.write(obj.c);

    // 循环遍历
    for(var key in obj){
        console.log(key+":"+obj[key]);
    }


    // Json两大方法：
    // 1.Json对象转字符串
    var json_str = JSON.stringify(obj);
    console.log("将json转字符串:"+json_str);
    console.log(typeof json_str);

    // 2.将字符串转为Json
    console.log('将字符串转为Json');
    var str_json = JSON.parse(json_str);
    console.log(str_json);
    console.log(typeof str_json);




</script>



</body>
</html>

Padaz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Hello WEB！ AJAX yyds（一）--AJAX的介绍和json文件

什么是Ajax 全称 Ansync JavaScript and XML，是一门异步的加载技术，局部刷新 Ajax 怎么用 Ajax的使用分为原生和jq两种，需要掌握的jq的，原生了解就行 Ajax 功能异步加载，可以在不重载整个网页的前提下，进行局部刷新原生Ajax -XmlHttpRequest对象的主要方法第一步：创建需要的对象，这里主要用到的是XMLHttpRequest，注意需要考虑早期的IE；...
复制链接

扫一扫