ajax 接收json数据的进一步了解

 var url = "../searchclasses";$.ajax({url: url,type: "post",dataType: "json",//以json形式接收error: function() {alert("error");},success: function(data) {var html = "";$.each(data, function(index, content) {var kch = content.KCH,kcm = content.KCM,ks = content.KS,kcdm = content.KCDM;html = kch + " " + kcm + " " + ks + " "kcdm;$("#main .main-serarch-box").append(html);});}});

加个error:function(){

alert("error");

}

来判断是否成功接收到了json数据

 

后台组装json

    out.print("[");for (int i = 1; i <= totalRecord && boo; i++) {int kch = rowSet.getInt(1);String kcm = rowSet.getString(2);Float ks = rowSet.getFloat(3);String kcdm = rowSet.getString(4);if (i != totalRecord) {out.println("{ \"KCH\" : \"" + kch+ "\" , \"KCM\" : \"" + kcm + "\",\"KS\" : \""+ ks + "\" , \"KCDM\" : \"" + kcdm + "\"},");} else {out.println("{ \"KCH\" : \"" + kch+ "\" , \"KCM\" : \"" + kcm + "\",\"KS\" : \""+ ks + "\" , \"KCDM\" : \"" + kcdm + "\"}");}// 这里出现了小问题,i的最后一个判断之前没搞清boo = rowSet.next();}out.print("]");

复制开发者工具栏的json数据到 http://www.bejson.com/  

json工具检验网站检验下,检查从前台收到的data是否真的是json数据,

 

json的数组格式为 [{},{},{}]

之前因为少了一个[] 导致error回调函数接收到的为error;

接收成功就是根据json对象来调用json数据

   $.each(data, function(index, content) {var kch = content.KCH,kcm = content.KCM,ks = content.KS,kcdm = content.KCDM;html = kch + " " + kcm + " " + ks + " "kcdm;$("#main .main-serarch-box").append(html);});

 

然后拼装数据就就可以了。

 

转载于:https://www.cnblogs.com/yi-mi-yangguang/p/6879589.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/416708.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Spark在Ambari集群环境的使用

进入安装sparkclient的节点 hdfs准备一个文件 su - hdfs vi text.txt 随便写几行东西 #创建目录 hdfs dfs -mkdir /user/hdfs/test #上传文件 hdfs dfs -put test.txt /user/hdfs/test/ #检查文件是否在 hdfs dfs -ls /user/hdfs/test/ #检查内容是否对 hdfs dfs -c…

Spark实战之读写HBase

1 配置 1.1 开发环境&#xff1a; HBase&#xff1a;hbase-1.0.0-cdh5.4.5.tar.gzHadoop&#xff1a;hadoop-2.6.0-cdh5.4.5.tar.gzZooKeeper&#xff1a;zookeeper-3.4.5-cdh5.4.5.tar.gzSpark&#xff1a;spark-2.1.0-bin-hadoop2.61.2 Spark的配置 Jar包&#xff1a;需要HBa…

vitualbox命令操作VBoxManage

进入本地virtualbox管理 运行服务器上的virtualbox 本地直接启动了virtualbox界面 这个很牛啊&#xff0c;直接本地图形化管理了&#xff0c;不用纠结服务器端没有显卡&#xff0c;进不去图形界面的问题了。 研究了VBoxManage startvm 最后才发现可能这样也行&#xff0c;哈…

Hadoop2之NameNode HA详解

在Hadoop1中NameNode存在一个单点故障问题&#xff0c;如果NameNode所在的机器发生故障&#xff0c;整个集群就将不可用(Hadoop1中虽然有个SecorndaryNameNode&#xff0c;但是它并不是NameNode的备份&#xff0c;它只是NameNode的一个助理&#xff0c;协助NameNode工作&#x…

Apache Nifi 实战:多表导入实现及填坑 GitChat连接

NiFi 是美国国家安全局开发并使用了 8 年的可视化数据集成产品&#xff0c;2014 年 NAS 将其贡献给了 Apache 社区&#xff0c;2015 年成为 Apache 顶级项目。 大数据平台都需要进行数据流转&#xff0c;Apache Nifi 作为一款强大的数据流开源软件&#xff0c;支持大量的输入输…

快速入门系列之 Scala 语言 GitChat连接

Scala 是一门多范式的编程语言&#xff0c;设计初衷是要集成面向对象编程和函数式编程的各种特性。目前常应用于 Spark、后端开发等&#xff0c;Twitter 等公司也选择其作为后端语言。 本文以实例为导向&#xff0c;讲解 Scala 这门语言&#xff0c;适合有一定其他面向对象语言…

快速入门系列之 Rust 语言 GitChat连接

Rust 是一枚新星&#xff0c;兼顾开发效率和执行效率的语言。本文以实例为导向&#xff0c;讲解 Rust 这门语言&#xff0c;适合有一定其他面向对象语言基础的人员快速入门。 本文将讲解如下内容&#xff1a; - Hello World 从头起 - 各种类型各种算 - 各式流程来控制 - 数组…

工作总结5:插槽的使用

什么是插槽&#xff1f; 插槽就是子组件中的提供给父组件使用的一个占位符&#xff0c;用<slot></slot> 表示&#xff0c;父组件可以在这个占位符中填充任何模板代码&#xff0c;如 HTML、组件等&#xff0c;填充的内容会替换子组件的<slot></slot>标…

Java JVM 汇编代码入门 GitChat链接

为什么 new Integer(151)151&#xff1f;我来带你们一起学习下 JVM 汇编代码吧&#xff0c;窥探下神奇的 Java 中间语言到底什么样子的&#xff0c;能帮你更深入的理解 Java。 本文包含以下内容 工具介绍 JVM 汇编代码初见 汇编初步分析 局部变量生命周期 基础类型 大于 5 的…

Streaming 101

开宗明义&#xff01;本文根据Google Beam大神Tyler Akidau的系列文章《The world beyond batch: Streaming 101》(批处理之外的流式世界)整理而成&#xff0c; 主要讨论流式数据处理。在大数据领域&#xff0c;流式数据处理越发地重要了。原因有以下几点&#xff1a; 人们越来…

从底层重学 Java 之四大整数 GitChat链接

从底层&#xff0c;从原理&#xff0c;我们来重学一次 Java。四大 Java 整数类 Byte、Short、Integer、Long 是我们比较常用的对象&#xff0c;他们的源码及实现是怎样的呢&#xff1f; 本系列秉承所有结论尽量从源码中来&#xff0c;没有源码的尽量标明出处。相关源码会附着在…

工作总结1:代码中漫花谷出现很多NBSP

代码复制的影响 手动删除 ctrl f 全部删除

从底层重学 Java 之两大浮点类型 GitChat连接

从底层&#xff0c;从原理&#xff0c;我们来重学一次 Java。两大 Java 浮点类 Double、Float 是我们比较常用的对象&#xff0c;他们的源码及实现是怎样的呢&#xff1f; 本系列秉承所有结论尽量从源码中来&#xff0c;没有源码的尽量标明出处。相关源码会附着在文章中&#…

vue 中的动态传参和query传参

Vue router 如何传参 params、query 是什么&#xff1f; params&#xff1a;/router1/:id&#xff0c;这里的 id 叫做 params。例如/router1/123, /router1/789query&#xff1a;/router1?id123&#xff0c;这里的 id 叫做 query。例如/router1?id456 query 方式传参和接收…

GY歌谣之读懂每行代码(飞智)

Vue router 如何传参 params、query 是什么&#xff1f; params&#xff1a;/router1/:id&#xff0c;这里的 id 叫做 params。例如/router1/123, /router1/789query&#xff1a;/router1?id123&#xff0c;这里的 id 叫做 query。例如/router1?id456 query 方式传参和接收…

C/S通信模型与B/S通信模型介绍

1、客户端与服务器之间的通信模型 基于Socket连接的客户端与服务器之间的通信模型图如上图所示&#xff0c;整个通信过程如下所示&#xff1a; &#xff08;1&#xff09; 服务器端首先启动监听程序&#xff0c;对指定的端口进行监听&#xff0c;等待接收客户端的连接请求&…

GY歌谣之读懂每行代码(飞智) 2020 10 16 Duplicate keys detected

修改bug 很显然 选项卡不能重复 Content.vue <template><div class"table-list-page"><!--el-radio 实现按钮的单选 第一行的设置--><el-row :gutter"20"><el-col :span"6"><div><!--下拉框按钮的样式-…

iOS_截屏并裁剪

截图使用场景: iOS 7中的代码代段 // 使用上下文截图,并使用指定的区域裁剪,模板代码 - (void)screenShot {// 将要被截图的view,即窗体的根控制器的view(必须不含状态栏,默认ios7中控制器是包括了状态栏的)BeyondViewController *beyondVC self.view.window.rootViewControll…