ajax 获取JSON

 4 html 代码
 5
 6 <!doctype html>
 7 <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
 8 <html>
 9 <head>
10     <meta charset="utf-8">
11     <title>document</title>
12     <link href="../css/app.css" type="text/css" rel="stylesheet" />
13     <script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>
14 </head>
15 <script>
16
17     $(function(){
18
19         $("#getjson").click(function(){
20             $.getJSON("/index/getJson", { key: "getjson"}, function(json){
21                 alert("JSON Data: " + json.a);
22             });
23         })
24         $(".json").click(function(){
25             //用传统的ajax 注意其实上面的getJson 就是这种传统ajax一个简写而已
26             $.ajax({
27                 cache: true,
28                 type: "POST",
29                 url: '/index/getJson',
30                 //data:$('#comform').serialize(),
31                 async: false,
32                 error: function(request) {
33                     tipslog(" error！", 'tiperror', 2);
34                 },
35                 success: function(data) {
36                     /*$obj = $.parseJSON(data);
37                     alert($obj.a)  测试可用*/
38                     $obj = eval("("+data+")");//通过测试可用 这是为了转成
39                     alert($obj.a);
40                 }
41             });
42
43         })
44     })
45 </script>
46 <body>
47 <h1>操他妈装B的人</h1>
48 <input type="button" id = "getjson" value = "getJson">
49 <input type = "button" id = "parsejson" class = "json" value ="parseJson" >
50 <input type = "button" id = "eval" class = "json" value = "eval">
51 </body>
52 </html>
53
54 后台代码
55 public function getJsonAction(){
56          $arr_test_json = array('a' => "abcd",'b' => "bcad",'c' => "cdas",'d' => "defg");
57          $json = json_encode($arr_test_json);
58          echo $json;
59 }
60
61 上述代码为PHP代码，java的话也有对应的函数将数组转json 也可以直接拼一个json格式

转载于:https://www.cnblogs.com/bin-pureLife/p/3940411.html

ajax 获取JSON相关推荐

AngularJS学习笔记（3）——通过Ajax获取JSON数据
通过Ajax获取JSON数据以我之前写的与用户交互的动态清单列表为例,使用JSON前todo.html代码如下: <!DOCTYPE html> <html ng-app=&quo ...
highcharts ajax 数据格式,Highcharts ajax获取json对象动态生成报表生成 .
最近做个项目,项目经理想做一个统计报表,在网上查看些资料就选用Highchars 这里和大家分享下使用心得. 重点说明此代码是针对一个报表显示多个项对比显示. 直接贴代码:web端 $(documen ...
Ajax 获取 JSON数据
文章目录 Ajax获取JSON数据 Ajax获取JSON数据 Ajax 全称"Asynchronous JavaScript and XML",译为"异步 JavaScr ...
Spring 3.2.* MVC通过Ajax获取JSON数据报406错误
Spring 3.2.x通过@ResponseBody标签返回JSON数据的方法都报406错: Failed to load resource: the server responded with a ...
ajax获取json数据为undefined--原因解析
解决办法:var dataObj=eval("("+data+")");//转换为json对象问题: 1. 碰到一个问题ajax成功获取json数据后,取值显 ...
vue接收json数据_Vue之使用ajax获取json数据，并用v-for循环显示在表格中
运行的时候,出现了php跨域问题,解决办法是在php的头文件中添加了如下代码: header('Content-Type: application/json'); header('Content-Ty ...
ajax获取json里的list,ajax获取json数据然后将其装载到jqgrid实现
1. 通过ajax同步获取json数据 2. 本地装载jqgrid数据 $("#grid").jqGrid({ datatype: "local", data ...
jsTree ajax 获取json数据加载树
后台获取json格式数据. 直接上代码. 最后有一张官方ajax获取tree的说明. var ajaxTreeSample = function() {$("#tree_4").j ...
jQuery AJAX获取JSON数据解析多种方式示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
ajax里绑定框,Select级联菜单，用Ajax获取Json绑定下拉框（jQuery）
需求类似这样 ↓ ↓ ↓ --> 菜单A发生变化,动态取数据填充下拉菜单B. JS代码如下: $(function () { $("#TeamSelect").chan ...

ajax 获取JSON

ajax 获取JSON相关推荐

最新文章

热门文章