ajax取json数据——简单的

json数据：json4.json

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <table>
            <tbody id="tbody1"></tbody>
        </table>
    </body>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script>
        $(function(){
            $.ajax({
                type:"get",
                url:"js/json4.json",
                dataType:‘json‘,
                success:function(ret){
                    console.log(ret.data);
                    var data  = ret.data.items;
                    var totalsize = ret.data.totalsize;
                    var html = ‘‘;
                     for(var i=0;i<totalsize;i++)
                        {
                            html+="<tr>"
                                +"<td>"+data[i][‘classId‘]+"</td>"
                                +"<td>"+data[i][‘fullName‘]+"</td>"
                                +"<td>"+data[i][‘groupName‘]+"</td>"
                                +"<td>"+data[i][‘name‘]+"</td>"
                                +"<td>"+data[i][‘number‘]+"</td>"
                                +"</tr>"
                        }
                      $("#tbody1").html(html);
                },
                error:function(){

                }
            });

        })
    </script>
</html>

时间： 2024-08-03 11:32:12

ajax取json数据——简单的的相关文章

qml ajax 获取json数据示例

依赖ajax.js类库,以下代码很简单的实现了获取天气json数据并展示的任务 [TestAjax.qml] 1 import QtQuick 2.0 2 import QtQuick.Controls 1.2 3 import "ajax.js" as Ajax 4 5 6 /** 7 测试用ajax 获取 json 数据 8 */ 9 Grid{ 10 width: 600 11 height: 400 12 spacing: 10 13 columns: 2 14 15 Text

Ajax（form表单文件上传、请求头之contentType、Ajax传递json数据）

form表单文件上传上菜 file_put.html <form action="" method="post" enctype="multipart/form-data"> {# 这里必须要请求头格式才能把上传文件的对象传过去 enctype="multipart/form-data"#} 姓名 <input type="text" name="user">

ajax 发送json数据时为什么需要设置contentType: "application/json”

1. ajax发送json数据时设置contentType: "application/json"和不设置时到底有什么区别? contentType: "application/json",首先明确一点,这也是一种文本类型(和text/json一样),表示json格式的字符串,如果ajax中设置为该类型,则发送的json对象必须要使用JSON.stringify进行序列化成字符串才能和设定的这个类型匹配.同时,对应的后端如果使用了Spring,接收时需要使用@Req

ajax发送json数据时为什么需要设置contentType: "application/json”

1. ajax发送json数据时设置contentType: "application/json”和不设置时到底有什么区别?contentType: "application/json”,首先明确一点,这也是一种文本类型(和text/json一样),表示json格式的字符串,如果ajax中设置为该类型,则发送的json对象必须要使用JSON.stringify进行序列化成字符串才能和设定的这个类型匹配.同时,对应的后端如果使用了Spring,接收时需要使用@RequestBody来注解

Struts2.5 利用Ajax将json数据传值到JSP

AJAX +JSON=>JSP AJAX AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面. JSON JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范

java对象转JSON JS取JSON数据

JsonConfig config = new JsonConfig(); config.setJsonPropertyFilter(new PropertyFilter() { @Override public boolean apply(Object arg0, String arg1, Object arg2) { // 过滤掉对象里的包含自己的属性(自己关联自己) if (arg1.equals("wareTypes") || arg1.equals("skillS&

jquery实现ajax,返回json数据

jquery实现ajax可以调用几种方法我经常用的是$get(url,data,callback,type)方法其中url是异步请求的页面(可以是.ashx文件),data是参数,callback是回调函数,而type是返回数据的类型.type有xml,html,json,text等. 首先,页面引用jquery.js 在页面写ajax处理的js函数 1 2 3 4 5 6 7 8 9 10 11 12 13 function initMeeting() { $.ge

ThinkPHP中使用ajax接收json数据的方法

本文实例讲述了ThinkPHP中使用ajax接收json数据的方法.分享给大家供大家参考.具体分析如下: 这里通过ThinkPHP+jquery实现ajax,扩展了下,写了个查询,前台代码如下: 首先需要引入jquery.js,主要代码如下: 1 function ajax(id,pic){ 2 3 //由于ThinkPHP不解析JavaScript里的ThinkPHP常量,所以需要先在这里定义. 4 5 var URL='__URL__'; 6 7 $.ajax({ 8 9 url: URL+

ajax处理json数据

在php生成json数据(json_decode()) 参数为索引数组生成的数据格式为js数组 $fruit = array('apple','banana','pear','orange'); $fruit_jn = json_encode($fruit); //['apple','banana','pear','orange'] 参数为关联数组生成的数据是json对象格式 $fruit = array('a'=>'apple','b'=>'banana','c'=>'pear','d