ajax利用json船底数据
一、
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<style type="text/css">
.show{ display:block;}
.hide{ display:none;}
</style>
<script type="text/javascript" src="jquery/jquery-1.2.6.js"></script>
<script type="text/javascript">
//这个方法把ajax方法封装一下，方便调用。
function myajax(){
//var obj=jsonData();
$.ajax({
type:'post',
url:'ajax.aspx',
data:jsonData(),//可以直接加一个函数名。
dataType:'json',
beforeSend:beforecall,
success:callback
});
}
//封装json数据，为了代码清晰
function jsonData(){
var jsonStr="({";
jsonStr+="\"name\":";
jsonStr+="\"tree\"";
jsonStr+=",";
jsonStr+="\"id\":";
jsonStr+="\"123\"";
jsonStr+="})";
return eval(jsonStr);//关键在于转换。
}
//调用前方法,不成功
function beforecall(){
$('#wait').addClass("show").append('调出中...');
//alert('');//测试是否调用
}
//回调函数
function callback(data){
$('#response').append(data.name+data.id);
$('#wait').css("display","none");
}
//onload()事件
$(function(){
$('#confirm').click(myajax);
})
</script>
</head>
<body>
<div id="confirm">点击</div>
<div id="response">接收后台数据</div>
<div id="wait" class="hide">hello</div>
</body>
</html>
二、
$.get()和$.post()这两个方法基本都一样使用，所以只说$.post()这个东东！
情形1： $.post("url",function);此时返回的数据没有处理，所以不是json格式！
情形2：$.post("url",function, "json");此时虽然指定了返回的数据为json格式，但实际上却不是！
情形3：$.post("url",{},function);此时传入的参数为空，没有指定返回的数据格式，所以也不是json格式！
情形4：$.post("url",{},function, "json");正确的返回了json格式的数据！
要点：当要把返回的数据当做的json格式来处理，必须传入参数（参数为空就写成{}），并且还得指定返回类型为"json"！
$.ajax({
url:"url",
dataType:"json",
type:"get"
success:function
})
要点：要指定dataType为"json"，此时无论是get还是post方式都会得到json格式数据，但我建议为了和上面的两个方法保持一致，最好加上data:{}这个条件。
$.getJSON("url",function)
要点：以get的方式得到json格式数据，是$.get()的方便写法吧！
分享到：
相关推荐
JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先，JQuery 的 AJAX（Asynchronous JavaScript and XML）功能允许...
jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例，实现前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端，有兴趣的可以了解一下。
jQuery ajax读取json文件内容
标题“PHP-JQuery-Ajax-json”揭示了这个压缩包文件主要涉及的是Web开发中的核心技术，具体包括PHP、jQuery、Ajax以及JSON。这四个元素在构建动态、交互式的Web应用程序时起着至关重要的作用。 1. **PHP（Hypertext...
【Demo流程】在这个"jquery ajax servlet json简单demo"中，我们可以预期以下流程： 1. 客户端（浏览器）的JavaScript代码使用jQuery的AJAX函数发起请求，请求可能包含一些参数，格式化为JSON。 2. 请求被发送到...
本文将深入探讨如何使用jQuery的AJAX方法发送JSON对象数组到Struts2的Action，并在后端进行处理。 首先，我们了解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于...
基于Jquery+Ajax+Json实现分页显示附效果图
ajax里response返回的数据是一个二维数组，比如这样的[{key,val},{key,val},{key,val}]，这个就是传说中的json数据了，以这样的形式数据传到前台，实现菜单联动下拉框；具体怎么样，详情请仔细查看以下内容
**jQuery、Ajax与JSON全解析** 在Web开发中，jQuery、Ajax和JSON是不可或缺的工具，它们共同构建了现代网页的动态交互体验。本解析将深入探讨这三个概念及其相互关系。 **jQuery：简化JavaScript操作** jQuery是...
本教程将介绍如何利用jQuery、ajax和json技术来实现一个自动轮播图的功能。jQuery是一个轻量级的JavaScript库，极大地简化了DOM操作、事件处理和Ajax交互；ajax用于异步数据传输，使页面无需刷新即可获取新数据；...
在本实例中，我们将探讨如何利用Struts2、jQuery、Ajax和JSON技术实现一个用户登录功能。 首先，我们需要理解Ajax的核心概念，即在不刷新整个页面的情况下，向服务器发送异步请求并获取数据。这极大地提升了用户...
在Web开发中，jQuery、Ajax和JSON是三个非常重要的技术，它们共同构成了高效、动态的用户界面的基础。本文将深入探讨这些技术，并结合一个名为"TestJQuery"的示例来展示它们如何协同工作。 首先，jQuery是一个...
标题“flgl.rar_ajax json jquery_jquery json”和描述中提到的主题主要集中在使用Ajax、JSON以及jQuery技术在前端实现与后端数据交互的过程。这里，我们详细探讨这些关键概念及其在实际开发中的应用。 首先，**...
在本文中，我们将深入探讨如何使用jQuery AJAX与ASP.NET一起工作，通过JSON格式传递和接收数据。这非常适合初学者，因为我们将逐步解析整个过程，并提供实际的代码示例。 首先，理解jQuery AJAX的核心概念至关重要...
总结，Struts2和jQuery的Ajax JSON数据交换涉及以下几个关键步骤：配置Struts2的JSON插件，编写返回JSON数据的Action，使用jQuery发起Ajax请求并处理返回的JSON数据。通过这种方式，可以实现客户端与服务器之间的...
5. 结合使用jQuery和AJAX：演示如何利用jQuery简化AJAX调用，以及如何处理JSON响应数据，实现实时更新页面内容。 这些知识点对于想要学习Web开发，特别是Java RIA（Rich Internet Application）开发的人员非常重要...
PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据简单实例 本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法，以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识...
在IT行业中，`jQuery`、`Ajax`、`JSON` 和 `Servlet` 是四个非常重要的技术，它们在构建现代Web应用程序中发挥着关键作用。让我们深入探讨这些技术及其相互之间的结合。 首先，`jQuery` 是一个高效、轻量级的...
在这个“jquery ajax json”的例子中，我们将探讨如何结合这三者实现动态的数据加载。 首先，`display.html`是主页面，它包含HTML结构以及调用jQuery AJAX函数的JavaScript代码。在这个HTML文件中，通常会有一个...