<html>
<head>
<title>jQuery Ajax 实例演示</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<script src="http://code.jquery.com/jquery-1.4.3.js"></script>
<script type="text/javascript">
//方式一
//$.getJSON("http://audicms.ogilvy.com.cn/webapp/front/dealerapi!getdealerlist.action",function(data){alert(data);});
//方式二
//$.get("http://audicms.ogilvy.com.cn/webapp/front/dealerapi!getdealerlist.action","",function(data){alert(data);});
//$.each(dataObj.dealers, function(i, v){$("#success").append(v.name).append("<br/>");document.getElementById("result").innerHTML+=v.name+"<br/>";})});
//方式三
$.ajax({
type: "POST",//请求方式
url: "http://audicms.ogilvy.com.cn/webapp/front/dealerapi!getdealerlist.action",//地址，就是action请求路径
data: "json",//数据类型text xml json script jsonp
success: function(msg){//返回的参数就是 action里面所有的有get和set方法的参数
//$.each(msg.items, function(i,item){});
var dataObj=eval("("+msg+")");
alert(dataObj.dealers.length);
document.getElementById("result").innerHTML=msg;
}
});
</script>
<body>
<div id="result" style="background:orange;border:1px solid red;width:300px;height:200px;"></div>
<form id="formtest" action="" method="post">
<span id="result"></span>
</form>
</body>
</html>
分享到：
相关推荐
综上所述，这个"asp+jquery ajax实例源码"展示了如何利用ASP作为服务器端语言处理数据，结合jQuery的AJAX功能，实现无刷新的交互体验，优化用户在添加、删除、修改和分页操作中的浏览感受。通过学习和理解这个实例，...
本文介绍了如何在jQuery中通过AJAX请求从后台获取JSON格式的数据，并将这些数据动态地渲染到HTML中去。具体的知识点可以分为以下几个方面： 1. jQuery的AJAX方法：在文章中，通过使用jQuery提供的$.ajax()方法来...
**Ajax+JSON 实例详解** 在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术已经成为提升用户体验的重要工具，它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON（JavaScript Object ...
例如，`.get()`和`.post()`分别用于GET和POST请求，而`.getJSON()`则专门用于获取JSON格式的数据。 在DOM操作方面，jQuery提供了`.append()`, `.prepend()`, `.before()`, `.after()`, `.remove()`等方法，方便地...
PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据简单实例 本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法，以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识...
例如，`$.ajax()`函数可以创建一个完整的AJAX请求，而`$.getJSON()`则专门用于获取JSON数据。这些方法提供了许多配置选项，如请求类型（GET/POST）、URL、数据、成功和错误回调函数等。 在提供的"Ajax-json.rar...
asp.net中利用Jquery-Ajax-Json实现无刷新分页的实例代码.doc
总之，这个"jquery ajax用json传值实例 asp.net"是一个很好的学习资源，可以帮助初学者快速掌握如何在客户端和服务器之间使用AJAX和JSON进行数据交换。通过实践和理解这些基础概念，你可以进一步提升你的Web开发技能...
总结一下，这个"jQuery-AJAX实例"涵盖了以下几个关键知识点： 1. jQuery的$.ajax()方法，用于发起Ajax请求。 2. JSON数据格式的使用，包括Java Bean到JSON的转化。 3. jQuery如何解析服务器返回的JSON数据，并更新...
当使用Ajax获取JSON数据时，我们通常使用jQuery的`$.ajax()`方法。这个方法允许我们设置请求的URL、类型（GET或POST）、数据格式（如'json'）等参数。例如： ```javascript $.ajax({ url: 'your/local/json/data/...
总结来说，本段内容详细介绍了JQuery中$.getJSON方法的使用，展示了通过$.getJSON方法在前端获取JSON数据，并在回调函数中处理这些数据的实例。同时，也演示了服务端如何返回JSON格式的数据。在理解这些知识点时，...
通过这些实例，我们可以学习到如何使用jQuery与Ajax来提升Web应用的交互性和用户体验。不论是简单的数据验证，还是复杂的业务逻辑处理，Ajax都能让页面操作变得更加流畅，而jQuery则提供了优雅的API，使得实现这些...
总结来说，本实例的核心是利用AJAX技术从服务器获取复杂的JSON数据，并对其进行解析和处理。理解AJAX的工作原理、JSON的结构以及如何在JavaScript中操作JSON是Web开发者必备的技能。在实际应用中，你可能还需要处理...
使用jQuery的$.ajax()或$.getJSON()方法可以从服务器获取JSON数据。例如： ```javascript $.ajax({ url: 'get_data.php', dataType: 'json', success: function(data) { console.log(data.name); // 输出 ...
标题中的"spring框架项目+jQueryAjax提交实例"指的是一个整合了Spring框架和jQuery AJAX技术的Web应用程序项目。这个项目提供了一个完整的流程，演示了如何在前端使用jQuery的AJAX功能向后端Spring MVC控制器发送...
5. **json-lib-2.2.2.jar**：这是一个非常流行的JSON库，名为json-lib，版本号为2.2.2。它提供了一套完整的API，支持多种Java集合框架（如List、Map）以及JavaBeans、XML和SQL结果集等与JSON之间的转换。此外，它还...
5. **JSP页面**：前端展示界面，通常会使用JavaScript或jQuery等库发送AJAX请求，接收到JSON数据后，根据数据动态更新DOM元素。 这个实例项目展示了如何在Struts 2.1框架下，通过AJAX和JSON实现动态交互的Web应用。...
在这个"JqueryAjax简单实例"中，我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先，我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....
本实例将深入讲解jQuery中的AJAX应用。 ### 一、jQuery AJAX基础 1. **$.ajax()函数** jQuery的核心AJAX方法是`$.ajax()`，它支持所有AJAX选项。例如，创建一个基本的GET请求： ```javascript $.ajax({ url: ...
总的来说，这个C#.NET下的jQuery AJAX实例和教程将涵盖这些主题，并提供实际的代码示例和可运行的源码，帮助开发者更好地理解和应用AJAX技术。通过学习，你将能够构建出高效、用户友好的Web应用。文档`Jquery.doc`...