`
xujunJ2EE
  • 浏览: 71070 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类
最新评论

jquery ajax json

jsonAjaxjQueryHTML 
阅读更多
JSON文件:
[
{
"name":"xujun",
"sex":"男",
"home":"nanjing"
},
{
"name":"jack",
"sex":"男",
"home":"beijing"
}
]

Html文件：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="../jquery.js"></script>
<script>
$(document).ready(function(){
$.getJSON('jsonData.json?id',function(data){
//遍历JSON中的每个entry

$.each(data,function(entryIndex,entry){
var html='<tr>';
html+='<td>'+entry['name']+'</td>';
html+='<td>'+entry['sex']+'</td>';
html+='<td>'+entry['home']+'</td>';
html+='</tr>';
$('#title').after(html);

});
});
});
</script>
</head>
<body>
<table>
<tr id="title">
<th>姓名</th>
<th>性别</th>
<th>家庭地址</th>
</tr>
</table>
</body>
</html>
分享到：
| jquery ajax load
评论
1 楼 dev_hwh818 2011-10-05  
这个还不错哦
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Jquery ajax json 总结

    JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先，JQuery 的 AJAX（Asynchronous JavaScript and XML）功能允许...

    jquery ajax json 的例子

    在这个“jquery ajax json”的例子中，我们将探讨如何结合这三者实现动态的数据加载。 首先，`display.html`是主页面，它包含HTML结构以及调用jQuery AJAX函数的JavaScript代码。在这个HTML文件中，通常会有一个...

    jquery ajax json php

    在IT行业中，jQuery、AJAX、JSON和PHP是四个至关重要的技术组件，它们共同构建了现代Web应用程序的数据交互层。让我们深入探讨这些技术的核心概念及其相互间的协同工作方式。 **jQuery** 是一个广泛使用的...

    Mvc使用JqueryAjaxJson登陆源码20100710

    Mvc使用JqueryAjaxJson登陆源码 功能介绍： 在MVC中使用 JqueryAjaxJson登陆，功能比较简单，对初学者很有帮助。 注意： 点击Open Dialog打开登录对话框

    jQuery ajax JSON 下拉列表框级联

    本示例中的"jQuery ajax JSON 下拉列表框级联"就是这样的一个应用。 1. **jQuery**：jQuery是一个高效、简洁且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在本案例中，jQuery用于...

    jquery ajax json struts2最简单例子测试成功

    在IT行业中，jQuery、AJAX、JSON以及Struts2是四个非常重要的技术，它们在Web开发领域中扮演着核心角色。下面将详细解释这些技术及其相互间的集成。 **jQuery** 是一个快速、简洁的JavaScript库，它简化了HTML文档...

    jquery ajax Datatable与json之间数据转换

    jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...

    jquery ajax json php 建议下载

    在jQuery中，可以使用$.getJSON()或$.ajax()的dataType设置为'json'来处理JSON数据。 **PHP**是一种开源的服务器端脚本语言，主要用于Web开发，可以嵌入到HTML中。PHP提供了丰富的函数库，可以处理各种数据库操作、...

    ajax_struts_jquery_json级联菜单

    在"ajax_struts_jquery_json级联菜单"的场景中，我们将看到如何利用这四种技术协同工作来创建这样的功能。 首先，Struts框架在后台处理业务逻辑。当用户在前端选择了一个父级菜单项后，Struts Action会接收到这个...

    ajax+json实例

    **Ajax+JSON 实例详解** 在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术已经成为提升用户体验的重要工具，它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON（JavaScript Object ...

    jquery与json和ajax的结合

    ### jQuery与JSON及AJAX的结合应用 #### 一、引言 随着Web技术的发展，前端框架和库的出现极大地简化了开发流程。其中，jQuery因其简洁易用的特点，在前端开发领域占据了重要的地位。本文将详细介绍如何利用jQuery...

    Jquery.json.js

    jQuery提供了方便的方法来处理JSON数据，包括`$.getJSON()`和`$.ajax()`等函数，可以方便地从服务器获取JSON数据并将其转化为JavaScript对象，或者将JavaScript对象转换为JSON字符串发送到服务器。 **jQuery的get...

    j2ee 框架 struts2 jquery ajax json 示范演示

    基于 MVC 结构的 J2EE 应用服务器框架 —— apache ...客户端 jQuery ajax 提交表单至 struts2 的 action，action 调用 model，model 生成json返回至 action，再由 action 返回 json 至客户端，并由 jQuery 解析。

    jQuery Ajax前后端使用JSON进行交互示例

    本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例，实现前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端，有兴趣的可以了解一下。

    php基于jquery的ajax技术传递json数据简单实例.docx

    PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据简单实例 本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法，以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识...

    JSON+js+jquery+ajax基础.zip

    5. 结合使用jQuery和AJAX：演示如何利用jQuery简化AJAX调用，以及如何处理JSON响应数据，实现实时更新页面内容。 这些知识点对于想要学习Web开发，特别是Java RIA（Rich Internet Application）开发的人员非常重要...

    jQuery ajax读取json文件内容

    其中，使用jQuery的Ajax功能来读取JSON文件内容是前端开发中的常见需求，尤其在动态加载数据、实现异步交互方面发挥着重要作用。 ### 标题解析：“jQuery ajax读取json文件内容” 此标题直截了当，明确指出将通过...

    SSH+jQuery+json 实现的Ajax操作，绝对精华，代码简练清晰，绝对能看明白

    这个压缩包中的资源，"SSH+jQuery+json 实现的Ajax操作，绝对精华，代码简练清晰，绝对能看明白"，显然提供了一个使用这些技术实现Ajax级联操作的实例。下面将详细介绍这些技术及其在Ajax操作中的应用。 **SSH ...

    jQuery读取json数据

    关于"jQuery读取json数据"这个主题，我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据，以及这样做带来的优势。 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于...

Magicbox
Global site tag (gtag.js) - Google Analytics