用ajax获取json数据并在网页上面显示小例子

原创 2015年11月17日 23:08:13

一.存贮json的txt文本

[{"two":"Second","one":"First","people":{"age":22,"name":"x"}}]

二.ajax实现数据获取在jsp页面显示

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(function(){
    $("#btn").click(function(){
    $.ajax({
      type:"POST",
      dataType:"json",
      url:"http://localhost:8080/jsonWeb/a.txt",
      success:function(data){
      alert("success");
      $("#mydiv").html(data[0].two);
      
      },
      error:function(text,error){
      alert("wrong");
      
      
      }
    
    
    
    })
    
    
    })
    
    
    })
</script>
  </head>
 
  <body>
    <button id="btn">按钮</button>
    <div id="mydiv"></div>
  </body>
</html>


版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

使用POI数据挖掘区域功能并在网页端显示

使用POI数据挖掘区域功能并在网页端显示     最近在做一个创新项目,其中包含区域功能挖掘的部分。前期我们使用了路网数据对上海市进行了区域的划分,并为每个POI加上了所属的区域标签。之后便使用此数据...

安卓开发前后台通信,从数据库中取数据并在前台以表格形式显示,以json格式传输

安卓开发前后台通信,从数据库中取数据并在前台以表格形式显示,以json格式传输最近做了一个Android开发小demo,主要功能是在手机的ActionBar中的搜索栏,根据用户输入的名字从后台(jav...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

从servlet获得json数据Ajax解析到前台网页

从servlet获得json数据Ajax解析到前台网页

Ajax请求+JSON传回到页面数据的例子

前台页面(简略) 机构编号 javaScrip代码段 function getJgmc(xkzh){ $.ajax({ method : "POS...

给ajax留一个模板,通过后台传递json获取数据,并用table显示,方便以后使用

$.ajax( { type : "POST", dataType : "json", url : "nj/bancisearch", data...

easyui-combobox---ajax获取数据库JSON数据,实现搜索框实时显示模糊搜索结果

效果说明  基于thinkphp3.2.3版本的框架实现,利用ajax从后台数据库中获取数据,其中获取数据是用模糊搜索方式,返回json数据,然后在模板中利用js将数据显示到搜索框下拉面板中。模板 v...

Ajax获取显示Json数据的一种方法

本文主要是在java中用json与前台Ajax数据交互 1、首先前台用Ajax,其中注意dataType一定要选择json方式,Action成功返回给页面的Json内容是这样的[{"number":...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)