原生js读取json文件

原生js读取json文件1 首先编写一个 json 文件 demo json name 张三 sex 男 email name 李四 sex 男 email name 王五 sex 女 email

注:浏览器是肯定不能获取用户浏览器客户机的本地文件的,所以这个json文件和html文件是放在一个tomcat上或者nginx上的,否则会出现跨域问题

1.首先编写一个json文件:demo.json

[ { "name":"张三", "sex":"男", "email":"" }, { "name":"李四", "sex":"男", "email":"" }, { "name":"王五", "sex":"女", "email":"" } ] 

2.js读取json文件

3.我的文件位置

原生js读取json文件

4.用Ajax也是可以的

$.ajax({ url: "demo.json",//json文件位置,文件名 type: "GET",//请求方式为get dataType: "json", //返回数据格式为json success: function(data) {//请求成功完成后要执行的方法 //给info赋值给定义好的变量 var pageData=data; for(var i=0;i 
  

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/220242.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午8:54
下一篇 2026年3月17日 下午8:55


相关推荐

  • Java安全之JNDI注入

    Java安全之JNDI注入

    2020年11月20日
    193
  • Hmily(1)

    Hmily(1)1. Hmily是个高性能异步分布式事务TCC框架,具体包含SpringAOP,Disruptor,Dubbo等框架,当然还有其他的RPC框架。源码在https://github.com/yu199195/hmily,本文以duubo调用,mysql存储事务日志,kryo序列化为主,主要以下单支付减库存减余额为例,注解为Hmily,确认方法,取消方法和本次的tyr操作方法参数应该保持一致。前两个…

    2022年5月22日
    43
  • 视觉SLAM深度解读

    视觉SLAM深度解读点击上方 小白学视觉 选择加 星标 或 置顶 重磅干货 第一时间送达本文转自 新机器视觉近年来 SLAM 技术取得了惊人的发展 领先一步的激光 SLAM 已成熟的应用于

    2025年8月7日
    12
  • Verilog hdl与VHDL混用详解

    Verilog hdl与VHDL混用详解Veriloghdl与VHDL混用详解1.概述由于在FPGA开发过程中,多人合作时可能遇到有人使用veriloghdl,有人遇到VHDL的情况,这就涉及到了veriloghdl与VHDL的相…

    2026年2月10日
    4
  • QT之在QML中使用C++类和对象

    QML其实是对ECMAScript的扩展,融合了Qtobject系统,它是一种新的解释性语言,QML引擎虽然由QtC++实现,但QML对象的运行环境说到底和C++对象的上下文环境是不通的,是平行的

    2021年12月29日
    51
  • Flex布局详解

    Flex布局详解传统的布局基于盒模型依赖于 display 属性 position 属性 float 属性 但是特殊布局就有些捉襟见肘了 垂直居中就不容易实现了一 Flex 布局是什么 flex 是 FlexibleBox 的缩写 意为弹性布局 用来为盒模型提供最大的灵活性 任何一个容器都可以指定为 Flex 布局 box display flex 行内元素也可以使用 Flex 布局 box display inlone flex Webkit 内核的浏览器 必

    2026年3月20日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号