读取json数据,加载到script标签中?

读取json数据,加载到script标签中,
现在在Script中存有部分json代码,但是行数太多了,所以想整理一下,请问有什么好的方法吗?

3个回答

不太明白你想要怎么做,按需加载?还是一下加载完?
1、如果按需加载就用ajax吧。
2、全部加载:
首先:创建一个js文件,里面直接写成 export const JsJson=[ .....]//你的json数据,不用存储成json文件,js文件就行.
然后:import {JsJson} from './../assets/js/jsTwo' //地址改一下,引入到你用的地方去.
最后:就能直接用了,希望能解决你的问题。
图片说明
图片说明

用ajax加载啊。。。。。。。

作为一个对象放在script中,需要的时候什么数据,直接调用,为何要存储呢?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
读取本地磁盘json数据,加载到script标签中
读取本地磁盘json数据,加载到script标签中, 有没有代码,可以看的,老铁们,感谢。
解析JSON数据,加载到ListView一片空白
我通过解析MOOC网的API希望把数据显示到ListView上,但ListView一片空白,我单独调试过适配器部分和获取数据部分都是好的,就是一结合在一起就不行了。。rnMainActivity的代码:rn[code=java]package com.example.dell.imooctest;rnrnimport android.app.Activity;rnimport android.graphics.drawable.Drawable;rnimport android.support.v7.app.AppCompatActivity;rnimport android.os.Bundle;rnimport android.util.Log;rnimport android.view.LayoutInflater;rnimport android.view.View;rnimport android.view.ViewGroup;rnimport android.widget.BaseAdapter;rnimport android.widget.ImageView;rnimport android.widget.ListView;rnimport android.widget.SimpleAdapter;rnimport android.widget.TextView;rnrnimport com.example.dell.imooctest.Http.HttpCallbackListener;rnimport com.example.dell.imooctest.Http.HttpUtil;rnrnimport org.json.JSONArray;rnimport org.json.JSONException;rnimport org.json.JSONObject;rnimport org.w3c.dom.Text;rnrnimport java.util.ArrayList;rnimport java.util.HashMap;rnimport java.util.List;rnimport java.util.Map;rnimport java.util.zip.Inflater;rnrnpublic class MainActivity extends Activity rn private ListView listView;rn private List list = new ArrayList();rn private LayoutInflater minflater ;rn @Overridern protected void onCreate(Bundle savedInstanceState) rn super.onCreate(savedInstanceState);rn setContentView(R.layout.activity_main);rn listView = (ListView)findViewById(R.id.mlist);rn minflater = getLayoutInflater(); rn HttpUtil.sendHttpRequest("http://www.imooc.com/api/teacher?type=4&num=30", new HttpCallbackListener() rn @Overridern public void onFinish(String response) rn try rn //Log.d("aaa",response);rn JSONObject jsonObject = new JSONObject(response);rn JSONArray jsonArray = jsonObject.getJSONArray("data");rn for (int i = 0; i < jsonArray.length(); i++) rn JSONObject jsonObjectg = jsonArray.getJSONObject(i);rn Kec kec = new Kec();rn kec.image = jsonObjectg.getString("picSmall");rn kec.title = jsonObjectg.getString("name");rn kec.content = jsonObjectg.getString("description");rn list.add(kec); rn rnrn catch (Exception e) rn e.printStackTrace();rn rn rnrn @Overridern public void onError(Exception e) rn e.printStackTrace();rn rn );rnrn final BaseAdapter baseAdapter = new BaseAdapter() rn @Overridern public int getCount() rn return list.size();rn rnrn @Overridern public Kec getItem(int position) rn return list.get(position);rn rnrn @Overridern public long getItemId(int position) rn return position;rn rnrn @Overridern public View getView(int position, View convertView, ViewGroup parent) rn View view = convertView;rn if(convertView == null) rn view = minflater.inflate(R.layout.zilayout, null);rn TextView title = (TextView) view.findViewById(R.id.title_n);rn TextView content = (TextView) view.findViewById(R.id.neirong);rn ImageView imageView = (ImageView) view.findViewById(R.id.tututu);rn Kec kec1 = getItem(position);rn title.setText(kec1.title);rn Log.d("aaa",kec1.title);rn content.setText(kec1.content);rnrn return view;rn rn ;rnrn listView.setAdapter(baseAdapter);rn rnrn[/code]rnrnHttpUtil的代码:rn[code=java]package com.example.dell.imooctest.Http;rnrnimport java.io.BufferedReader;rnimport java.io.InputStream;rnimport java.io.InputStreamReader;rnimport java.net.HttpURLConnection;rnimport java.net.MalformedURLException;rnimport java.net.URL;rnrnimport javax.net.ssl.HttpsURLConnection;rnrn/**rn * Created by dell on 2016/4/18.rn */rnpublic class HttpUtil rn public static void sendHttpRequest(final String address, final HttpCallbackListener listener)rn new Thread(new Runnable() rn HttpURLConnection conn = null;rn @Overridern public void run() rn try rn URL url = new URL(address);rn conn = (HttpURLConnection)url.openConnection();rn conn.setRequestMethod("GET");rn conn.setConnectTimeout(8000);rn conn.setReadTimeout(8000);rn InputStream in = conn.getInputStream();rn BufferedReader bf = new BufferedReader(new InputStreamReader(in,"utf-8"));rn StringBuilder response = new StringBuilder();rn String line = null;rn while ((line = bf.readLine()) != null)rn response.append(line);rn rn if (listener != null)rn listener.onFinish(response.toString());rn rn catch (Exception e) rn listener.onError(e);rn finally rn if(conn != null)rn conn.disconnect();rn rn rn rn ).start();rn rnrn[/code]rnrnHttpCallbackListener接口就声明了两个方法:一个onFinish,一个onErrorrnrnKec类代码:rn[code=java]package com.example.dell.imooctest;rnrnimport android.media.Image;rnrn/**rn * Created by dell on 2016/4/18.rn */rnpublic class Kec rnrn public String image;rn public String title;rn public String content;rnrnrn[/code]
GDAL读取KML加载到Map中
环境是Arcgis api for WPF 现在需要使用GDAL读取一个KML文件并显示在Map中,请问怎么实现?n语言是C#
JSP中的Script标签
type="text/javascript" src="/resource/js/open/jquery-1.8.2.js" > type="text/javascript" src="/resource/js/open/jquery-1.8.2.js" /> 第一种写法正确,第二种错误。原因是这种语法不符合HTML 规范,而且也得不到某些浏览器一一尤其是IE一一的正确解析。如果是在XHTML
script标签
在web中有一种非常重要的标签,它的存在才使得脚本可以引入dom文档,并且动态网页也才能实现。 &amp;lt;script&amp;gt;标签 script标签是在html文档中引入脚本的主要方法: H5主要有以下几个属性: async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,仅适用于外部脚本,比如启用该选项之后,当脚本下载过程之中,直接渲染之后的html文档,下载完成之后,暂停渲染...
js中json数据的读取
var data=[{"clothesID1":{"clothesID":1,"name":"上衣""remark":"上衣第一层"},"clothesID2":{"clothesID":2,"name":"下衣","remark":"下衣第一层"}}]  //数据自行修正 遍历data的所有属性 //var clothesTypePros = []; for(var p in data){
script (HTML标签),介绍script。
一介绍Script脚本语言是介于HTML(HyperText Markup Language,超文本标示语言)和Java、C++和Visual Basic之类的编程语言之间的语言,它的语法和规则没有可编译的编程语言那样严格和复杂。 传统的HTML是静态的,为增强网页的动态功能,一些厂商先后推出了自己的Script脚本语言,其中Netscape推出JavaScript(for客户端和 for服务端两种
读取数据库信息加载到下拉框
本季视频通过完整的案例介绍了图书管理系统的开发,包含了数据库的设计、界面设计、代码实现等等,本系统的模块包含:系统框架的搭建、数据库访问通用类的编写、登录、图书类别管理、出版社管理、图书管理、会员级别管理、会员管理、办理借书、办理还书、借还书查询、登录日志的查询、管理帐号等等,所有的模块从零开始、由浅入深。对于没有写过产品的程序员的入门有看完本视频会有很大的收获。
script中的src标签和type标签
src属性:src 属性规定外部脚本文件的 URL。 有时,我们需要在网站的多个页面中运行 JavaScript。不需要重复编写相 同的脚本,只需在单独的文件中创建 JavaScript,并以 .js 为后缀保存,然后使 用 标签中的 src 属性引用该文件即可。 外部脚本的 URL。可能的值有: 绝对 URL - 指向其他站点(比如 src=”www.example
node从文件读取加载到html
app var express = require('express')var fs=require('fs') var app = express() app.use('/node_modules/', express.static('./node_modules/')) app.use('/public/', express.static('./public/')) app.engin...
ArcEingine属性表读取并加载到GridView
读取属性表的一般方法
递归读取xml文件加载到TreeView上
XmlDocument方式递归读取xml文件 public static void ReadXMLRecursion() { string xmlPath = AppDomain.CurrentDomain.BaseDirectory; xmlPath = xmlPath.Replace(&quot;bin\\Debug&quot;, &quot;&quot;); string filePath = xmlPat...
说一说 HTML 中的 script 标签
我们在 《Javascript简史》这遍文章中说过,「Javascript」这门语言是由 Netscape开发而来,当初开发的时候为了能让 「Javascript」这门语言能与 HTML 页面共存,而且不影响页面的其他内容,为此增加了一个统一的脚本支持( script 脚本元素)。 script 元素 在 HTML 页面中使用「Javas...
script标签中type的值
必需的 type 属性规定脚本的 MIME 类型。 MIME 类型。其中一些值: text/javascript   最通用 text/ecmascript  少用 application/ecmascript 少用 application/javascript  非IE的浏览器认 text/vbscript 少用 通常为“application/x-javascript”
JS中script标签详细介绍
Script标签介绍向HTML页面中插入JavaScript的主要方法,就是使用<script>元素HTML4.01为这个元素定义了下列6个属性。 - async:可选。表示应该立即下载脚本,但不应该妨碍页面中的其他操作。比如下载其他资源或者等待加载的其他脚本。只对外部脚本文件有效。 - charset:可选。表示通过src属性指定的代码的字符集。但由于大多数浏览器会忽略它的值。因此这个属性
为什么前台的link标签中的href会被加载到后台?
![图片说明](https://img-ask.csdn.net/upload/201706/10/1497086759_993376.png)n为什么link标签中的href会被加载到后台?怎么不让其加载到后台?
读取json数据
var vt=["0","1","age":20];rn可不可以这样定义json数据,怎么访问每个成员?
HTML的script标签与noscript标签
其实HTML的script标签学过Web开发的应该都知道。只是,用框架开发的话,这些标签通常都是自动生成,平时并不会去注意,更多的是在意src路径里的那个js文件。   最近在写JS的练习代码时,才无意中发现,原来script标签里,也有很多讲究。   根据W3C标准,script标签里的type属性是required的,而src是optional。虽然不写type运行也不会有问题。  ...
C# Winfrom 读取远程图片并加载到PrctureBox中
用C# 通过POST请求获取验证码图片,最后返回的是一堆乱码,乱码可能是二进制的流。rn使用PrctureBox.ImageLocation 网上说是连接远程图片地址,就是http://www...com/image/x.png这种方式,不过目前好像行不通。rn我想知道有什么办法,可以读取远程图片,然后下载到本地?
Flex读取服务器端XML文件加载到DataGrid中
在eclipse中创建web工程test_db1 flex代码 &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt; &amp;lt;mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; layout=&quot;absolute&quot; creationComplete=&quot;loadXML()&quot;&amp;gt
ext中读取json数据的问题
我开发的环境是.net2008的mvc框架+ext,我在服务期端的cs文件里将json数据生成,代码如下rnpublic void GetCheck()rn rn //db是已定义好的数据模块rn var query = from a in db.SysUserAutTblrn select a;rn int icount = query.Count();rn var query1 = query.ToList();rn string output = JsonConvert.SerializeObject(query1);rn output = "\"TotalRecord\":" + icount.ToString() + ",\"Data\":" + output + "";rn Response.Write(output);rn rnoutput就是最后生成的json数据,如下rn"TotalRecord":3,"Data":["ID":1,"UserID":1,"MenuID":1,"QueryAut":"1","CreateAut":"1","UpdateAut":"1","DeleteAut":"1","PrintAut":"1","ApproveAut":"1","OtherAut1":"1","OtherAut2":"1","OtherAut3":"1","OtherAut4":"1","OtherAut5":"1","DiscretionAut":"1","SetAut":"1","ImportAut":"1","ExportAut":"1","ViewAut":"1","UploadAut":"1","DownloadAut":"1","ID":2,"UserID":1,"MenuID":2,"QueryAut":"1","CreateAut":"1","UpdateAut":"1","DeleteAut":"1","PrintAut":"1","ApproveAut":"1","OtherAut1":"1","OtherAut2":"1","OtherAut3":"1","OtherAut4":"1","OtherAut5":"1","DiscretionAut":"1","SetAut":"1","ImportAut":"1","ExportAut":"1","ViewAut":"1","UploadAut":"1","DownloadAut":"1","ID":3,"UserID":1,"MenuID":3,"QueryAut":"1","CreateAut":"1","UpdateAut":"1","DeleteAut":"1","PrintAut":"1","ApproveAut":"1","OtherAut1":"1","OtherAut2":"1","OtherAut3":"1","OtherAut4":"1","OtherAut5":"1","DiscretionAut":"1","SetAut":"1","ImportAut":"1","ExportAut":"1","ViewAut":"1","UploadAut":"1","DownloadAut":"1"]rnrn然后我要在js里接收这个json数据,再对他进行遍历当有字段值为1我就进行一些操作,现在的问题是,我在js里怎么也接不过来数据,请大家帮忙看看,问题出在哪里,js接收json数据的代码如下:rnrnrn var proxy = new Ext.data.HttpProxy(rn url:'/UserMenuAut/GetCheck',rn method:'GET'rn );rn rn var reader = new Ext.data.JsonReader(rn root:'Data',totalProperty :'TotalRecord',rn [rn name: 'ID', rn name: 'UserID',rn name: 'MenuID',rn name: 'QueryAut', rn name: 'CreateAut', rn name: 'UpdateAut',rn name: 'DeleteAut', rn name: 'PrintAut',rn name: 'ApproveAut',rn name: 'OtherAut1', rn name: 'OtherAut2', rn name: 'OtherAut3',rn name: 'OtherAut4', rn name: 'OtherAut5', rn name: 'DiscretionAut',rn name: 'SetAut', rn name: 'ImportAut',rn name: 'ExportAut', rn name: 'ViewAut', rn name: 'UploadAut',rn name: 'DownloadAut'rn ]rn );rn rnvar store = new Ext.data.Store(rn proxy:proxy,reader:readerrn ); rn rn store.load();rn var licount=store.getCount();rn);
<script>标签的defer属性
defer属性       -----------规定是否对脚本执行延迟,直到页面加载为止。   如果您的脚本不会改变文档的内容,可将defer属性加入到&amp;lt;script&amp;gt;标签中,以便加快处理文档的速度。     &amp;lt;script type=&quot;text/javascript&quot; defer=&quot;defer&quot;&amp;gt; &amp;lt;/script&amp;gt;   浏览器支持:...
动态加载script标签
公司大拿勇帅的代码
script标签的属性
共六个,language废弃,charset不常用。 async:异步加载脚本,且不保证加载顺序(下载时不影响页面解析,但解析时会暂停页面渲染) defer:立即下载,延迟执行(遇到&amp;lt;/html&amp;gt;标签时执行),有顺序 type:默认type='text/javascript' src:指向外部文件地址,可以是外部域地址(如cdn文件地址),可以忽略文件扩展名(如此一来可以使用其...
script标签导入的问题
  &amp;lt;script type=&quot;text/javascript&quot; src=&quot;/js/jquery-1.8.3.js&quot; /&amp;gt; &amp;lt;script type=&quot;text/javascript&quot; &amp;gt; function showDetail(obj) { console.info( obj.name + &quot;--&quot; + obj
script 标签专题
1、async:异步脚本。可选参数,外部引用文件时有效,目的是不妨碍页面中的其它操作    值得注意的是,标记为async 的脚本并不保证按照指定的先后顺序执行,所以确保之间互不依赖很重要。2、charset:...
原生JS(2)<script>标签
(五)script标签 【1】标签在创建的时候可以赋予六(七)个属性(都是可选); ①src:最重要的属性,表示链接外部的js代码文件,如果引用外部js文件的话就需要添加这个属性。附带效果,添加这个属性后的script标签内部的代码将无效。   ②async:表示应该立即下载脚本,但不应妨碍页面中的其他操作,只适用于外部脚本(加载的js文件) 示例: 说明: (1)异步加载,
Script标签和脚本执行顺序
0.前言估计所有读者也慢慢适应我每次讲东西之前先墨迹一段的习惯了。那么我今天就来个转换,我!不!墨!迹!了!正文开始。1.script标签的默认行为首先我们先来看一下 <script> 标签 的几个重要特性: script标签的会阻止文档渲染。相关脚本会立即下载并执行。 注意:(不带defer或async属性) document.currentScript 可以获得当前正在运行的脚本(Chrome
js script标签
-
script标签src属性???
rn这个是引用一个脚本文件,那么src属性就是起到一个引用的作用,js帮助文件上也是这么写的rnrn但是 rn这个就不是引用了,他会执行xxx.php得代码。rnrn我想问script标签的src属性到底都有什么作用?这个属性作用很强大吗?rn
Script标签解决跨域
关于跨域,首先我们来讲一下基础知识。 –什么是跨域请求:从一个域下去访问另一个域下的脚本(js/php)或者文档结构(html)。 –为什么跨域:因为我们往往需要其他域下的数据,另一个因为同源策略的限制,不进行跨域无法直接请求另一个域的数据。 –怎么样进行跨域请求:img、a、form、link、iframe可以跨域,但是没有返回值,所以不进行使用,最主要使用的是script标签。然后,通过j
2.1.1 script标签的位置
script标签在html文档中的位置 经过尝试在html文档的各个部分插入标签引入外部JavaScript文件,发现所有位置的JavaScript文件都成功加载了,包括标签内外,标签之间的奇葩位置,最后在开发者工具下,发现在html的结构中,浏览器已经自动把这些文件放到了相当合理的位置上了,随意插入JavaScript文件的做法肯定是不可取的,下面就最佳方式做个简单的介绍 外部JavaScr
JS基础_script标签
<p>n <span>n n <span style="font-size:14px;">课程介绍:</span>n n<br /></span>n</p>n<p>n <span>本章主要讲解javascript基本介绍及发展趋势、JS和H5的关系、编写Js及如何运行JS、变量的概念及基本运算、变量命名规则和关键字的介绍、赋值、关系、数学运算符的讲解、变量不同类型之间的自动、手动类型转换、逻辑运算、自增自减运算、八进制和十六进制的介绍、NaN的概念及应用、Number方法的应用和计算机内存。</span>n</p>
script标签位置的放置
script标签放置位置
html文件的script标签用法
1.打开login.html文件做一些改动,Atom报错:Uncaught TypeError: Cannot read property 'setScrollTop' of null, 百度之,有read 'id'报错,有set 'style',但是没有read 'setScrollTop'报错, 继续百度,发现getScrollTop()和setScrollTop()分别获取和设置匹配元素的滚
动态创建script标签
var script = $(''); //创建script标签 $('body').append(script); //将标签插入body尾部 var head = document.getElementsByTagName('head')[0];var script = document.createElement('script');script.type = 'tex
script标签的type属性
1.type最常用的就是text/javascript; 2.type属性为text/html的时候,   如果在此script片断中定义一个被js调用的代码,代码不在页面上显示;  这种写法,在页面渲染的时候,浏览器不会读取script标签中的html代码...
script标签的位置详解
1、在我们编写代码的时候,会在页面内使用&lt;script&gt;标签来写JS,虽然理论上script标签的位置放在哪里可以,但是还是有一点区别的。 2、为什么很多人把script标签放在底部: 初学者在学习JS的时候看见很多DEMO里面的script标签写在底部,但是却不是很清楚为什么,下面来解释一下:   虽然理论上放在哪里都是可以的,但是对于前端页面优化来讲,还是放在底部是最佳的,因...
完美过滤script标签
完美过滤script标签 // .* 不能匹配换行 // [\s\S]* 支持匹配换行 // ? 表示匹配最近的一个结束标签&amp;lt;/script&amp;gt; // i 不区分大小写 $html = preg_replace('/&amp;lt;script[\s\S]*?&amp;lt;\/script&amp;gt;/i', '', $html);...
script标签的困惑
[code=JScript]rn ...rnrnrn rnrn[/code]rn里面这一段看的很郁闷rnscript.onload = script.onreadystatechange = function()rn rn if(script && script.readyState && script.readyState != 'loaded' && script.readyState != 'complete')return;rn script.onload = script.onreadystatechange = script.onerror = null, script.src = '', script.parentNode.removeChild(script), script = null;rn startTime = obj = null;rn ;rnscript.onreadystatechange , script.readyState , script.readyState != 'complete'rn这些用法 完全没见过(我指的是 script用,ajax不算)rn请教给位,这些东西是怎么用的 有比较详细的说明吗???
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池