第一:必须要有一个json文件,第二,必须自己封装一个ajax模板(也可以用别人的模板)。

在这里定义一个ajax函数,用它来提取json文件里面的需要的内容。
method:提交方式,一种是get 另一种是post 提取一般选用get提交。

url:指的是json文件的路径地址,async:同步或者异步对于异步和同步在这里不解释,

简单来讲异步就是同一个步伐一起走到目的地,看清楚是一起如果有AB两个人,A的速度快于B,那么A就应该停下来等等A,知道A和B同一个时间到达目的地这也叫同步,

异步(sync):不同的步伐,互不干扰,你走你的,我走我的。

successFunc:指的的ajax里面的判断成功符合条件的函数,在这里对于初学者不需要理解里面的函数是怎么样组成的,只需要引用ajax里面的函数即可。

failFunc:同successFunc,ajax里面判断不符合条件函数。

在这里声明一个ajax......,在这里需要解释一个responseText名词叫做响应式返回的文本信息。

function ajax(method,url,async,successFunc,failFunc){

var xmlhttp;
try{
xmlhttp=new XMLHttpRequest;
}catch(e){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//Get提交判断
if(method=="get"||method=="GET"){
xmlhttp.open(method,url,async);
xmlhttp.send(null);
}
//Post提交判断
else if(method=="post"||method=="POST"){
xmlhttp.open(method,url,async);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(date);
}else{
alert("请求错误!!!");
return;
}
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
successFunc(xmlhttp.responseText); //
xmlhttp.responseText:指的是服务器响应的文本内容。
}else{
failFunc("响应失败");
}
}
}
return xmlhttp;
}

由此可以看到里面的声明函数为function ajax(method,url,async,successFunc,failFunc){};

在这里我们已经拿到ajax函数,因此需要用ajax函数进行把JSON文件里面需要提取的内容一一提取出来。

上面已经解释过ajax()每个需要传的是什么类型。在这里不需要重复讲了。

ajax("get",my.json,async,successFunc,failFunc);

传完之后在这里ajax会自己判断,判断之后如果成功符合里面的条件,返回一个字符串(就是json文件里面所有的字符);

这样用JSON.parse把字符串转成对象,这样就能方便的获取里面的内容了。

用下面的函数来接受返回的响应式文本内容。

function successFunc(text){

  var result=JSON.parse(text);

}

这样我们就获得了JSON对象。因此下面的就用for循环来每个获取里面的内容了。

总结:如果要想把jSon文件的内容每个部分提取出来,首先要封装一个ajax。然后利用ajax进行提取。

转载于:https://www.cnblogs.com/caoyibo/p/5599023.html

关于AJAX和JSON的学习总结和使用。相关推荐

  1. AJAX 和 JSON学习笔记

    Ajax 和 Json (参考遇见狂神说b站视频) Web 1.0 时代 登录,如果失败,需要刷新页面,才能重新登录:不点击提交按钮,就不知道自己密码输错了: 现在搜索时,没有刷新页面,网页只有一部分 ...

  2. AngularJS学习笔记(3)——通过Ajax获取JSON数据

    通过Ajax获取JSON数据 以我之前写的与用户交互的动态清单列表为例,使用JSON前todo.html代码如下: <!DOCTYPE html> <html ng-app=&quo ...

  3. mvc中ajax的跳转,springmvc ajax 跳转的学习笔记

    Spring Web MVC是什么 Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架,下面我们来看一篇关于springmvc ajax 跳转 ...

  4. highcharts ajax 数据格式,Highcharts ajax获取json对象动态生成报表生成 .

    最近做个项目,项目经理想做一个统计报表,在网上查看些资料就选用Highchars 这里和大家分享下使用心得. 重点说明此代码是针对一个报表显示多个项对比显示. 直接贴代码:web端 $(documen ...

  5. 返回ajax有几种方式,java ajax返回 Json 的 几种方式

    方式 1. : 自写代码转 Json 需要  HttpHttpServletRequest request  HttpServletResponse response 后台 : @RequestMap ...

  6. JavaWeb笔记:第07章 MVC |EL |JST |Filter |Listener |JQuery |AJAX |Maven |JSON |Redis |Linux |Nginx

    JavaWeb笔记:第07章 MVC |EL |JST |Filter |Listener |JQuery |AJAX |Maven |JSON |Redis |Linux |Nginx 1. MVC ...

  7. ajax如何传递josn数据,jq之ajax以及json数据传递

    闭包演示 function transfer(){ var dat = $( "#sel" ).val(); //console.log(dat) $.ajax({ type:&q ...

  8. ajax怎样获取json数据,如何使用ajax读取Json中的数据

    本文给大家分享一下,如何使用ajax读取Json中的数据. 一.基础知识 什么是json? JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation) ...

  9. 07【Listener、Ajax、Json】

    文章目录 07[Listener.Ajax.Json] 一.监听器 1.1 监听器的类别 1.1.1 监听域对象 1.1.2 监听属性 1.3.3 监听session对象状态 1.2 监听案例 1.2 ...

最新文章

  1. php 读取php.ini,php7 读取php.ini[4]
  2. linux脚本石英钟,原生JS实现的简单小钟表功能示例
  3. 在asp.net2.0下配置FCKeditor
  4. dynamic_cast, static_cast, const_cast, reinterprt_cast浅析
  5. 图片日志:深拷贝和浅拷贝的区别/序列化及反序列化
  6. 【收集】常用的cmd命令
  7. linux cpu load 值,理解Linux系统中的load average(图文版)转
  8. SpingBoot 整合 kafka Elk
  9. python2.7是什么_python2.7是什么
  10. eclipse启动mysql报错_Eclipse+mysql+java Eclipse中运行没有问题,但打包后运行不了,也不报错,求高手指点...
  11. Physically Based Rendering,PBRT(光线跟踪:基于物理的渲染) 笔记
  12. 使用Python编写自己的个人密码管理器
  13. 大数据之-Hadoop完全分布式_集群时间同步---大数据之hadoop工作笔记0043
  14. 五分钟了解DOM 事件模型
  15. lstm预测单词_从零开始理解单词嵌入| LSTM模型|
  16. el-table 树形表格 自定义展开图标_目前比较满意的安卓桌面启动器:非线性动画 + 精美图标包...
  17. mysql实现分组查询每个班级的前三名、每门课程的前三名
  18. php bi报表,PowerBI开发 报表设计技巧
  19. COIL:结合稠密检索和词汇匹配的更高效检索模型
  20. 办理物联网卡不实名会有什么后果呢

热门文章

  1. JAVA常见面试题之Error、RuntimeException、CheCkedException
  2. 机器人第一次独立手术!最快55分钟缝合肠道,华裔教授带队研发,“结果显著优于外科医生”...
  3. 新获融资1亿,聚焦全栈,云知声背后的AI下半场
  4. 1024,点亮人间烟火
  5. 国内首个手机AR实景驾驶导航上线,还能识别车辆行人,搜狗地图出品
  6. Beego的controller怎么用嵌入实现继承问题
  7. 拖着3个箱子,跨越太平洋,求学美帝 那一年我19岁
  8. 快速排序(quicksort)算法实现
  9. day29(对象转xml(使用java))
  10. Hadoop科普文—常见的45个问题解答 #183; Hadoop