使用JS实现无刷新读取json接口数据

c# 读取JSON数据绑定到datagridview 最近在做一个项目,服务端用的是wcf,客户端是h5,js.  从服务端返回的数据是JSON格式的,因为之前一个做winform程序,就想试试JSON格式的数据能不能绑定到winform的datagridview上。 从服务端返回的数据格式类似下面,其中data部分,是返回的数据源。要将这部分数据转换成datatable或者直接绑定到datagridview控件上。 { "success": 阅读详情

使用JS实现无刷新读取json接口数据

Ajax方法

//ajax
function ajax(method, url, asy, fn) {
	//创建Ajax对象
	if (window.XMLHttpRequest) {
		var objAjax = new XMLHttpRequest();
	} else { // IE6, IE5 浏览器执行
		var objAjax = new ActiveXObject("Microsoft.XMLHTTP");
	}
	objAjax.open(method, url, asy);
	//发送请求
	objAjax.send();
	//接收返回值
	objAjax.onreadystatechange = function() {
		//判断
		if (objAjax.readyState == 4 && objAjax.status == 200) {
			//响应的结果
			//函数调用
			fn(objAjax.responseText);
		}
	}
}

json数据接口

{
    "reason": "success",
    "result": [
        {
            "movieId": "21250",
            "movieName": "白日梦想家",
            "pic_url": "http://img31.mtime.cn/mt/2013/11/26/074429.68199128_96X128.jpg"
        },
        {
            "movieId": "134509",
            "movieName": "最强囍事",
            "pic_url": "http://img21.mtime.cn/mt/2011/01/13/122711.93922385_96X128.jpg"
        },
        {
            "movieId": "143038",
            "movieName": "天才眼镜狗",
            "pic_url": "http://img31.mtime.cn/mt/2014/03/06/090305.77794647_96X128.jpg"
        },
        {
            "movieId": "151951",
            "movieName": "美国队长2",
            "pic_url": "http://img31.mtime.cn/mt/2014/03/16/154554.36400206_96X128.jpg"
        },
        {
            "movieId": "172743",
            "movieName": "魔警",
            "pic_url": "http://img31.mtime.cn/mt/2014/04/09/085413.72005937_96X128.jpg"
        },
        {
            "movieId": "177879",
            "movieName": "里约大冒险2",
            "pic_url": "http://img31.mtime.cn/mt/2014/03/20/091804.71943568_96X128.jpg"
        },
        {
            "movieId": "178498",
            "movieName": "整容日记",
            "pic_url": "http://img31.mtime.cn/mt/2014/04/04/185750.94280401_96X128.jpg"
        },
        {
            "movieId": "180842",
            "movieName": "201314",
            "pic_url": "http://img31.mtime.cn/mt/2012/12/20/134302.99793240_96X128.jpg"
        },
        {
            "movieId": "181203",
            "movieName": "盟军夺宝队",
            "pic_url": "http://img31.mtime.cn/mt/2014/03/06/112340.71755460_96X128.jpg"
        },
        {
            "movieId": "190465",
            "movieName": "超验骇客",
            "pic_url": "http://img31.mtime.cn/mt/2014/03/07/165346.19559684_96X128.jpg"
        },
        {
            "movieId": "190494",
            "movieName": "再爱一次好不好",
            "pic_url": "http://img31.mtime.cn/mt/2014/03/24/161434.19041972_96X128.jpg"
        },
        {
            "movieId": "195986",
            "movieName": "狂舞派",
            "pic_url": "http://img31.mtime.cn/mt/2013/08/08/172715.27242932_96X128.jpg"
        },
        {
            "movieId": "200310",
            "movieName": "大力神",
            "pic_url": "http://img31.mtime.cn/mt/2014/04/02/121553.40570610_96X128.jpg"
        },
        {
            "movieId": "203734",
            "movieName": "追爱大布局",
            "pic_url": "http://img31.mtime.cn/mt/2014/04/08/112633.32015390_96X128.jpg"
        },
        {
            "movieId": "205228",
            "movieName": "百变爱人",
            "pic_url": "http://img31.mtime.cn/mt/2014/03/18/142633.24585044_96X128.jpg"
        },
        {
            "movieId": "207415",
            "movieName": "特工艾米拉",
            "pic_url": "http://img31.mtime.cn/mt/2014/04/01/112811.60380935_96X128.jpg"
        },
        {
            "movieId": "209201",
            "movieName": "硬汉奶爸",
            "pic_url": "http://img31.mtime.cn/mt/2014/04/08/105211.53977334_96X128.jpg"
        },
        {
            "movieId": "209208",
            "movieName": "笔仙惊魂3",
            "pic_url": "http://img31.mtime.cn/mt/2014/04/01/111740.74687087_96X128.jpg"
        },
        {
            "movieId": "209220",
            "movieName": "最佳嫌疑人",
            "pic_url": "http://img31.mtime.cn/mt/2014/04/14/142239.57219598_96X128.jpg"
        },
        {
            "movieId": "210066",
            "movieName": "爱你一世一生",
            "pic_url": "http://img31.mtime.cn/mt/2014/04/10/121437.97963221_96X128.jpg"
        }
    ],
    "error_code": 0
}

Css样式

<style type="text/css">
			#box {
				width: 38%;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				margin: 0px auto;
			}
			#son img {
				width: 100px;
				border: 1px solid lightgray;
				border-radius: 10px;
				padding: 10px;
			}
			#son {
				width: 122px;
			}
			#son p {
				margin-top: 0px;
				margin-right: 0px;
				text-align: center;
			}
		</style>

Html

<body>
		<div id="box"></div>
</body>

具体实现方法(中心思路:数据否可以点出来,遇到数组可以循环遍历数据)

<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript">
	//动态读取数据
	ajax("GET", "data/my.json", true, function(restxt) {
		//获取json
		var json = JSON.parse(restxt);
		//获取result数组
		var res = json.result;
		//循环
		for (var i = 0; i < res.length; i++) {
			//创建img标签
			var imgs = document.createElement("img");
			//创建p标签
			var ps = document.createElement("p");
			//创建div标签
			var divs = document.createElement("div");
			divs.setAttribute("id", "son");
			//向img中插入图片路径
			imgs.setAttribute("src", res[i].pic_url);
			//向p标签中插入文字
			ps.innerHTML = res[i].movieName;
			//div中追加img和p标签
			divs.appendChild(imgs);
			divs.appendChild(ps);
			//box中追加div
			document.getElementById("box").appendChild(divs);
		}
	});
</script>

整体实现效果

在这里插入图片描述

一文带你实现刷新页面数据不丢失(操作状态保留)效果 页面刷新后对数据的操作状态进行保留,也就是页面刷新数据不丢失效果,是我们对前端项目开发中一个算是比较基本的效果了。其实实现的话也是很简单的,今天就来带你一文彻底弄懂此效果的实现。 阅读详情

相关推荐

Java实现Ajax无刷新分页技术指南

在信息时代,网络应用的交互方式不断革新,无刷新分页技术应运而生。它通过异步数据交换的方式,实现了用户界面的快速更新,而无需重新加载整个页面。这项技术极大地提升了用户体验,缩短了用户等待时间,提高了应用的响应速度和效率。Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

weixin_31139479的博客 1031

今日放映影片api查询代码

观影已经是日常生活娱乐的一个非常多的选择,将整合到APP中,4让查询更加方便,下面分享的今日放映影片api支持今日放映影片查询,包括:电影ID、影片名称、影片图片等等。 接口名称:今日放映影片api 接口平台:聚合数据 接口地址:http://v.juhe.cn/movie/movies.today 支持格式:JSON/XML 请求方式:HTTP GET 请求示例:http://v.j

nysi_i的博客 1217

Linux内核同步原语之队列自旋锁(Queued Spin Lock)深度解析

本文深度解析了Linux内核中的队列自旋锁(Queued Spin Lock)机制。通过对比传统自旋锁的瓶颈,详细阐述了队列自旋锁如何利用紧凑的4字节结构、每CPU节点数组和pending位优化,有效解决多核(SMP)系统中的缓存行乒乓和惊群效应,实现公平、高效的锁等待队列,从而显著提升内核在高并发场景下的可扩展性与性能。

weixin_29205061的博客 305

Js读取json数据 && 循环读取JSON数据

服务端向客户端返回了一串JSON格式的数据。在有些时候,因为某些特殊的原因我们不知道原始的key值,因此我们此时无法象正常一样通过key值,来获取value值。这时我们必须循环读取JSON对象数据。废话少说,来看例子。    服务端后台返回到客户端的JSON格式字符串:var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","da

Warren专栏 2778

UVM概述及uvm_component和uvm_object(一)

UVM:Universal Verification Methodology(通用验证方法学) UVM:是建立在systemverilog平台上的一个库,提供了一系列的接口,让我们能够更方便的进行验证。验证平台组成: Driver:用来把不同的激励施加给DUT; Monitor:用来检测DUT的输出; Scoreboard:专门用来比较期望值与monitor检测到的DUT输出; Refer

南国之邱 1万+

学习笔记7--激光雷达标定

本系列博客包括6个专栏,分别为:《自动驾驶技术概览》、《自动驾驶汽车平台技术基础》、《自动驾驶汽车定位技术》、《自动驾驶汽车环境感知》、《自动驾驶汽车决策与控制》、《自动驾驶系统设计及应用》,笔者不是自动驾驶领域的专家,只是一个在探索自动驾驶路上的小白,此系列丛书尚未阅读完,也是边阅读边总结边思考,欢迎各位小伙伴,各位大牛们在评论区给出建议,帮笔者这个小白挑出错误,谢谢! 此专栏是关于《自动驾驶汽车环境感知》书籍的笔记。 2.激光雷达标定 2.1 概述 激光雷达内参标定:内部激光发射器坐标系与雷达本

FUXI_Willard 8028

ssm电影查询平台z47b1(程序+源码+数据库+调试部署+开发环境)

随着文化娱乐产业的蓬勃发展,电影已成为人们日常生活中不可或缺的一部分。然而,面对海量的电影信息和复杂的观影需求,观众往往难以快速找到适合自己的影片。因此,开发一个高效、便捷的电影查询平台,以满足观众对电影信息的查询和筛选需求,具有重要的现实意义。

CK3042的博客 1155

PyGPT:桌面AI助手整合大模型与本地知识库,打造高效工作流

大语言模型(LLM)通过理解和生成自然语言,正深刻改变人机交互方式。其核心原理是基于海量数据训练的Transformer架构,能够根据上下文进行预测和生成。这一技术价值在于将强大的AI能力平民化,广泛应用于代码生成、文档分析、创意写作和智能问答等场景。通过API调用云端模型或本地部署开源模型,开发者可以构建个性化的AI应用。本文聚焦于PyGPT这一桌面AI助手,它巧妙地将ChatGPT、Claude、Gemini等主流大模型与LlamaIndex、Ollama等本地化工具整合,实现了聊天、文件分析、代码解释

weixin_28679635的博客 437

基于Java+SpringBoot+Vue+HTML5影视影院订票选座管理系统(源码+LW+调试文档+讲解等)/电影票预订/影院座位选择/影视播放平台/电影场次查询/影院订票系统/电影座位预订

前端:Vue、Vue.js、ElementUI、HTML5、BootStrap、CSS3、JavaScript、jQuery、LayUI后端:SpringBoot、Mybatis,Maven构建项目jar包,内置Tomcat运行Web环境,后端语言Java数据库:MySQL、SQLServer开发工具:IDEA、Eclipse、Navicat等✌关于毕设项目技术实现问题讲解也可以给我留言咨询!!!Vue 在程序设计中具有诸多优势。

2401_85513329的博客 750

利用Langchain生成合成数据的实践指南

合成数据是相对于从真实世界事件中收集的数据而言的人工生成的数据。它用于模拟真实数据,同时避免隐私泄露或遇到真实数据中的局限性。:尽管合成数据有诸多优点,但应谨慎使用,因为它可能无法捕捉真实世界的复杂性。

eahba的博客 398

2024年上市公司ESG评级全解析:六大权威数据源横向对比与应用指南

本文深度解析2024年国内主流ESG评级数据源,包括华证、商道融绿、Wind、富时罗素和彭博,横向对比其覆盖范围、评分逻辑与应用侧重点。文章提供实战指南,帮助投资者与企业根据投资决策、风险管理和学术研究等不同场景,精准选择并有效应用ESG数据,实现从概念到实用分析工具的转变。

weixin_29229055的博客 312

ajax动态遍历 获取json 当做参数传

onclick=\"delpro(" + JSON.stringify(commodity[da]).replace(/"/g, '&quot;') + ");\"

qq_42431102的博客 270

Autosar MCAL-S32k324 Crypto配置-基于EB

NXP官网提供了免费的HSE固件,同时也提供了对应的协议栈。本文以算法为例,介绍MCAL相关的配置及在代码中的集成与使用。使用HSE计算,比软件算法确实方便许多。后面会完善更多的算法测试。

赞的博客 2436

使用AJAX从数据库读取数据异步刷新前端表格

目录 Spring Boot使用AJAX从数据库读取数据异步刷新前端表格 1.首先在domin中定义相应的数据结构 2.接着在mapper中定义定义所需的方法从数据库中取数据 3.下一步编写service供controller调用 4.在controller中调用service并按规定路径返回给前台所需的数据 5.在JS中处理数据并刷新前端显示: 6.前端HTML页面table代码:...

多喝i热水的博客 3148

PCIe协议之 Equalization篇 之 理论篇 之 FFE

作为最后一道“精加工”工序,DFE利用其不放大噪声的优势,精准地消除残余的、强烈的后光标ISI,最终得到一个非常干净、张得很开的眼图,供判决器使用。信号经过信道衰减后变得模糊,首先由CTLE进行“粗调”,提供一个宽频带的增益,将眼图初步打开,为后面的DFE创造一个可以正常工作的信号环境。,它通过将输入信号在不同时间点上的多个副本(称为“抽头”)进行加权求和,来直接塑造或“整形”输出信号的波形。:这是最主要的信号路径,通常系数为正值,决定了信号的幅度。:将所有加权后的信号相加,产生最终的均衡输出。

那么菜的博客 756

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

echarts读取本地json数据文件分析【Ajax】

小编日常用到的两种ajax的使用方式,在这里总结一下, 前期工作:先加载jquery文件 jquery.min.js 1、两种请求 1.1、读取本地文件 使用场景:启动本地服务器、或者webstorm(保证请求在同一个域内),使静态页面获取json文件内容(更具体些,比如echars表想获取本地json数据),这里以读取data.json为例 data.json内容如下: {"data1": [1, 2],"data2": [3, 4],"data3": [4, 5]} $(function(){ $.

cold的博客 4064

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

php 获取 js json数据类型,JavaScript_js读取并解析JSON类型数据的方法,本文实例讲述了js读取并解析JS - phpStudy...

js读取并解析JSON类型数据的方法本文实例讲述了js读取并解析JSON类型数据的方法。分享给大家供大家参考,具体如下:一、什么是JSON?JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式,同时,JSON是 JavaScript 原生格式。非常适合于服务器与 JavaScript 的交互二、为什么使用J...

weixin_35959694的博客 181

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain&#39;s apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath(&#39;DeepLearnToolbox&#39;));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand(&#39;state&#39;,0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W&#39;); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand(&#39;state&#39;,0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = &#39;sigm&#39;;%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, &#39;Too big error&#39;);```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand(&#39;state&#39;,0)sae = saesetup([784 100]);sae.ae{1}.activation_function = &#39;sigm&#39;;sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)&#39;)% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = &#39;sigm&#39;;nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, &#39;Too big error&#39;);```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x&#39;,28,28,60000))/255;test_x = double(reshape(test_x&#39;,28,28,10000))/255;train_y = double(train_y&#39;);test_y = double(test_y&#39;);%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you&#39;ll get around 1.2% errorrand(&#39;state&#39;,0)cnn.layers = { struct(&#39;type&#39;, &#39;i&#39;) %input layer struct(&#39;type&#39;, &#39;c&#39;, &#39;outputmaps&#39;, 6, &#39;kernelsize&#39;, 5) %convolution layer struct(&#39;type&#39;, &#39;s&#39;, &#39;scale&#39;, 2) %sub sampling layer struct(&#39;type&#39;, &#39;c&#39;, &#39;outputmaps&#39;, 12, &#39;kernelsize&#39;, 5) %convolution layer struct(&#39;type&#39;, &#39;s&#39;, &#39;scale&#39;, 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, &#39;Too big error&#39;);```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, &#39;Too big error&#39;);%% ex2 neural net with L2 weight decayrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex3 neural net with dropoutrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex4 neural net with sigmoid activation functionrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.activation_function = &#39;sigm&#39;; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex5 plotting functionalityrand(&#39;state&#39;,0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = &#39;softmax&#39;; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand(&#39;state&#39;,0)nn = nnsetup([784 20 10]); nn.output = &#39;softmax&#39;; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

Ajax+Js+Dom+Json无刷新分页技术

<br /><br />本文首次发表地址:http://qiuchangsheng.com<br />终极分页:Ajax+Js+Dom+Json无刷新分页技术 采用了时下比较流行的Ajax无刷新技术、JavaScript、JavaScript Dom、Json等技术实现,使得用户在向服务器发出请求的时候通过Ajax的异步通讯实现,这样极大的提升的用于界面的友好性,避免了传统分页技术在实现分页时页面刷新的情况。<br />       有同学不禁要问,老师说了那么多,到底什么是ajax? ajax实现的优点和

怜惜春残 1244

微信小程序实现Echarts图的动态实时刷新

在微信小程序绘制折线图时,选择Echarts。官网如下:https://echarts.apache.org/zh/index.html 微信小程序中的应用,就看在微信小程序中使用Echarts。 主要就是拷贝 ec-canvas 目录到新建的小程序项目下,然后做相应的调整。 github链接如下:https://github.com/ecomfe/echarts-for-weixin 然后正式开始在小程序中使用Echarts。我的需求是绘制温度随时间变化的折线图,温度和时间从服务器中获取,因为数据是实时刷

小朱小朱绝不认输的博客 1万+

python刷新网页脚本_django+js+ajax实现刷新页面的方法

本文实例讲述了django+js+ajax实现刷新页面的方法。分享给大家供大家参考,具体如下:在服务器开发的时候,为了方便将服务器对外开一个接口来操作,可以使用django制作网页,通过页面来操作服务器。这样可以将服务器的维护工作暴漏在更加友好的界面操作,而非通过SecureCRT去敲指令。而且还能提供给策划运维人员来处理一些常规的事情。这里将会讲解一个非常小的知识点:① js...

weixin_39664994的博客 455

如何解決刷新页面vuex中数据清空问题

在将一些数据放入vuex中的时候,会经常碰到页面刷新后数据清空的问题,我一般的实现方式是借用缓存,放入cookie,storage中。 一、放入cookie中的方法: 1.首先在组件或js文件中引入: import Cookies from ‘js-cookie’ 2.存入cookie: Cookies.set(‘userId’, user.id) 3.从cookie中读取 let userId=...

伊娃的博客 2191

使用原生JS的AJAX读取json全过程

首先ajax(async javascript and xml)是用于前端与后端文件比如xml或者json之间的交互。他是一种异步加载技术,意味着你点击某个加载事件是再也不用刷新整个页面,而是发送局部请求,局部回应。由于AJAX不是完全前端,需要用到服务器,所以在做实验的时候必须把html文件和xml或json放到服务器部署的目录之中,在这里我使用的是TOMCAT 7X。 首先编辑一个简单的JS

面具哥布林的博客 1万+

纯静态页面读取JSON文件的几种实用方法

静态页面读取JSON数据的实用方法 本文介绍了四种在纯静态页面中读取JSON文件的有效方案: Fetch API - 现代推荐方法,简洁的Promise语法 XMLHttpRequest - 传统Ajax方案,兼容性更好 jQuery Ajax - 适合已使用jQuery的项目 JS变量转换 - 规避跨域问题的无服务器方案 每种方法都提供了完整代码示例,并分析了优缺点。文章还特别强调了解决本地开发时常见的跨域问题,建议使用Python/Node简易服务器或VS Code插件。最后给出了错误处理、加载指示等最

勤奋的码农 1500

基于Json的Ajax无刷新分页效果实现(二)

本文首发 博客园 ,转载请注明连接 http://www.cnblogs.com/zhouzhaokun/archive/2011/08/24/2151971.html 在上一篇中写到了利用jquery 的ajax方式读取分页器页码显示到页面上。这一篇我讲接着写利用

周兆坤 880

Vue: 使用Vuex 保存 Javascript对象、数组

Vue: vuex保存Javascript对象 Storage.js: const storage = { set(key, value) { window.sessionStorage.setItem(key, value) }, get(key) { return window.sessionStorage.getItem(key) }, remove(key) { window.sessionSto

RaySunWHUT 1万+
上一篇: 使用Vue的绑定数据制作一个简易加法计算器
下一篇: 钉钉小程序免登接口教学
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值