<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>
分享到:
相关推荐
在.NET中使用AJAX技术来做服务器端和客户端交互,用JSON做为在异步应用程序中发送和接收信息的数据格式。
php基于jquery的ajax技术传递json数据简单实例.docx
这是一个学习jquery-ajax的实例,实例中应用到了bean -json的转化, 页面上应用到了jqury如何解析返回的json数据。
AJAX-JSON该源码从实例入手教你如何成为一个javascript高手
php基于jquery的ajax技术传递json数据简洁实例_.docx
jquery ajax用json传值实例 适用于初学者,将页面文件拖到网站项目中即可,包含了传入值传出值,可以根据此代码扩展为自己的代码,一看就明白,有备注
本文实例讲述了jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法。分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE ...
jQuery+Json 实现Ajax无刷新分类管理实例演示 基于jquery+json实现的网站后台管理中无刷新的分类管理功能演示,如上图演示所示,可无刷新添加一个分类、在动画弹出的对话框中输入分类名称即可实现保存,同进还可无...
jquery_ajax_json简单实例jquery_ajax_json简单实例
本文实例讲述了jQuery+ajax+asp.net获取Json值的方法。分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQueryAjaxJson取值示例</title> ...
jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。 代码示例如下: 代码如下: $(‘#send’).click...
一个简单的demo,实现了struts2+jquery执行ajax异步请求并返回json类型数据的实例,代码中附有注释,简单易懂。 基于eclipse开发,导入到eclipse即可运行。
本demo的目的是将多层json数据(一级分类嵌套着二级) 解析成单层,然后将键改为符合插件需要的值,不然没法显示 代码测试真实有效,就是请求的地址大家需要改一下,因为那是我的局域网地址
struts2使用jquery整合ajax、json用户登录实例源码
主要介绍了jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作,结合实例形式分析了jQuery+Ajax请求json格式数据并渲染到html页面相关步骤与操作技巧,需要的朋友可以参考下
从后台获取json数据,将内容填充到下拉列表,页面做如何处理,接下来,通过本篇文章给大家实例讲解jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表,需要的朋友可以参考下
php+ajax(jquery)+json 实现英语单词在线测试(有发音+例句),背单词不再单调,简单模仿奇迹英语功能。仅供学习使用。 内置公共英语等级考试词库,可自行添加。 演示地址:http://dhlxmy.dh.funpic.org/ 如有广告,...
此代码为beego框架实现的jQuery ajax省市二级联动,前后端交互为json数据。 此代码为beego框架实现的jQuery ajax省市二级联动,前后端交互为json数据。 此代码为beego框架实现的jQuery ajax省市二级联动,前后端交互...