博客分类：
Ajax请求默认的都是异步的
如果想同步 async设置为false就可以（默认是true）
var html = $.ajax({
url: "some.php",
async: false
}).responseT
返回json数组取条数用result.length
&%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %&
&!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 runat="server"&
&title&无标题页&/title&
&style type="text/css"&
cursor: /*小手*/
background: # /*背景*/
&script type="text/javascript" src="js/jquery-1.3.2-vsdoc2.js"&&/script&
&script type="text/javascript"&
//无参数调用
$(document).ready(function() {
$('#btn1').click(function() {
type: "POST",
//访问WebService使用Post方式请求
contentType: "application/json",
url: "Default2.aspx/HelloWorld", //调用WebService的地址和方法名称组合 ---- WsURL/方法名
data: "{}",
//这里是要传递的参数，格式为 data: "{paraName:paraValue}",下面将会看到
dataType: 'json',
//WebService 会返回Json类型
success: function(result) {
//回调函数，result，返回值
alert(result.d);
//有参数调用
$(document).ready(function() {
$("#btn2").click(function() {
type: "POST",
contentType: "application/json",
url: "Default2.aspx/GetWish",
data: "{value1:'心想事成',value2:'万事如意',value3:'牛牛牛',value4:2009}",
dataType: 'json',
success: function(result) {
alert(result.d);
//返回集合（引用自网络，很说明问题）
$(document).ready(function() {
$("#btn3").click(function() {
type: "POST",
contentType: "application/json",
url: "Default2.aspx/GetArray",
data: "{i:10}",
dataType: 'json',
success: function(result) {
$(result.d).each(function() {
alert(this);
$('#dictionary').append(this.toString() + " ");
//alert(result.d.join(" | "));
//返回复合类型，如{"result":{"ID":1,"Value":2}}即返回的结果中数据是对象或者json格式的数据
$(document).ready(function() {
$('#btn4').click(function() {
type: "POST",
contentType: "application/json",
url: "Default2.aspx/GetClass",
data: "{}",
dataType: 'json',
success: function(result) {
$(result.d).each(function() {
//alert(this);
$('#dictionary').append(this['ID'] + " " + this['Value']);
//alert(result.d.join(" | "));
//Ajax 为用户提供反馈，他们两个方法可以添加给jQuery对象在Ajax前后回调
//但对与Ajax的监控，本身是全局性的
$(document).ready(function() {
$('#loading').ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
// 鼠标移入移出效果，多个元素的时候，可以使用“，”隔开
$(document).ready(function() {
$('btn').hover(function() {
$(this).addClass('hover');
}, function() {
$(this).removeClass('hover');
&form id="form1" runat="server"&
&input type="button" id="btn1" value="HelloWorld"/&
&input type="button" id="btn2" value="传入参数"/&
&input type="button" id="btn3" value="返回集合"/&
&input type="button" id="btn4" value=" 返回复合类型"/&
&div id="dictionary"&dictionary
浏览: 384031 次
来自: 北京
完美解决了小弟的问题
我按照你的配置，进行配置mina 2.0.7 不行
[list][b][b][i][u][u]引用引用引用引用[i ...
姓名验证我使用这个 ^([\u4e00-\u9fa5]|\u3 ...
利用定时器呗。
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'2017年8月 总版技术专家分月排行榜第一
2016年2月 总版技术专家分月排行榜第二2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
我第一次写的AJAX与JSON方法，有点不懂怎么弄的呢，恳请各位老师帮忙说解，由于什么原因出错的？
&!DOCTYPE html&
&html lang="en"&
&script src="/jquery/1.11.1/jquery.min.js"&&/script&
$(function () {
$("button").click(function(){
url:"/json/data.json",
type:"POST",
dataType: "json",
success:function(data){
$("#name").html(data.name);
$("#country").html(data.country);
error: function (err) {
console.log(err)
&title& JSON&/title&
&h1&Cricketer Details&/h1&
&table class="src"&
&tr&&th&Name&/th&&th&Country&/th&&/tr&
&tr&&td&&div id="name"&Sachin&/div&&/td&
&td&&div id="country"&India&/div&&/td&&/tr&
&div class="central"&
&button type="button"&Update Details &/button&
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
一万处错误，肯定无法执行，跟ajax无关，jq语法错误，html标签也不闭合，编辑器高亮，控制台弹错，很明显。
$(function () {
$("button").click(function(){
url:"/json/data.json",
type:"POST",
dataType: "json",
success:function(data){
$("#name").html(data.name);
$("#country").html(data.country);
error: function (err) {
console.log(err)
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
看下控制台是否有报错信息，目前能看到的是成功回调写得有问题。
$("#name").html(data.name);
$("#country").html(data.country);
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你回调函数里的jQuery方法 和原生DOM操作弄混了
success:function(data){
$("#name").html(data.name);
$("#country").html(data.country);
这样写 你再试试看
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
1.(document) 前面少了个$,
$(document).ready()...2.click()未闭合3.ready()未闭合 最后两个"}"分别加两个")"
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：后使用快捷导航没有帐号？
只需一步，快速开始
查看: 8819|回复: 8
jQuery ajax读取json文件内容定时刷新
UID649622在线时间 小时积分78帖子离线17463 天注册时间
初级会员, 积分 78, 距离下一级还需 122 积分
JSON服务端：
[{&dm&:&CU1&,&name&:&\u65b0\u534e\u94dc1T&,&zuixin&:&43065&,&zhangdie&:&89&,&mairu&:&43099&,&maichu&:&43065&,&zuigao&:&43499&,&zuidi&:&42693&,&zuojie&:&42976&,&zuoshou&:&42978&,&times&:& 17:42:47&},{&dm&:&CU5&,&name&:&\u65b0\u534e\u94dc5T&,&zuixin&:&43065&,&zhangdie&:&89&,&mairu&:&43099&,&maichu&:&43065&,&zuigao&:&43499&,&zuidi&:&42693&,&zuojie&:&42976&,&zuoshou&:&42978&,&times&:& 17:42:47&}]
&提示：您可以先修改部分代码再运行
前端HTML代码：
&!doctype html public &-//w3c//dtd html 4.01 transitional//en& &http://www.w3.org/tr/html4/loose.dtd&&
&meta http-equiv=&content-type& content=&text/ charset=utf-8&&
&title&行情报价系统&/title&
&script type=&text/javascript& src=/js/jquery1.42.min.js&&&/script&
$(document).ready(function(){
$.getJSON('2.php',function(data){
//遍历json中的每个entry
$.each(data,function(entryindex,entry){
var html='&tr&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['dm']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['name']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zuixin']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zhangdie']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['mairu']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['maichu']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zuigao']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zuidi']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zuojie']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zuoshou']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['times']+'&/td&';
html+='&/tr&';
$('#title').after(html);
&div id=&title&&&/div&
&提示：您可以先修改部分代码再运行
可以正常取出信息，如何实现定时局部定时刷新呢？而不是整个窗口刷新。尝试了很多方法都不行。求高手指教。
UID429055在线时间 小时积分351帖子离线17463 天注册时间
中级会员, 积分 351, 距离下一级还需 149 积分
什么都没有
UID657579在线时间 小时积分3045帖子离线17463 天注册时间
金牌会员, 积分 3045, 距离下一级还需 1955 积分
按我的理解，先把json内容存储到一个全局变量var_json中，然后每间隔一段时间取var_json中特定的内容。
UID649622在线时间 小时积分78帖子离线17463 天注册时间
初级会员, 积分 78, 距离下一级还需 122 积分
按我的理解，先把json内容存储到一个全局变量var_json中，然后每间隔一段时间取var_json中特定的内容。
谢谢，有没有具体的方法呢？
UID657579在线时间 小时积分3045帖子离线17463 天注册时间
金牌会员, 积分 3045, 距离下一级还需 1955 积分
var _json = '';
$.post('2.php',function(data,status){
if(status == 'success'){
_json =
}
},'json');
复制代码以上是取得json数据保存在全局变量_json中。
setInterval(function(){
//这里可以对_json数据进行操作
},3000);
复制代码
UID649622在线时间 小时积分78帖子离线17463 天注册时间
初级会员, 积分 78, 距离下一级还需 122 积分
以上是取得json数据保存在全局变量_json中。
非常感谢！但还是没测试成功！！
UID657579在线时间 小时积分3045帖子离线17463 天注册时间
金牌会员, 积分 3045, 距离下一级还需 1955 积分
非常感谢！但还是没测试成功！！
首先，你要确保你的post请求已经成功获得了返回值，可以console.log()输出下信息，然后按照获得的json数据格式进行读取。
UID176496在线时间 小时积分8496帖子离线17463 天注册时间
&!doctype html public &-//w3c//dtd html 4.01 transitional//en& &http://www.w3.org/tr/html4/loose.dtd&&
&meta http-equiv=&content-type& content=&text/ charset=utf-8&&
&title&行情报价系统&/title&
&script type=&text/javascript& src=&/js/jquery1.42.min.js&&&/script&
function loadData(){
//发出请求
$.getJSON('2.php', function(data){//得到内容
var ret = [];
$.each(data, function(i, entry){//遍历返回的数据
var html='&tr&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['dm']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['name']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zuixin']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zhangdie']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['mairu']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['maichu']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zuigao']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zuidi']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zuojie']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['zuoshou']+'&/td&';
html+='&td
bgcolor=&#FFFFFF&&'+entry['times']+'&/td&';
html+='&/tr&';
ret.push(html);//存入数组
//ret.reverse();//如果目前显示的顺序不符合你的需求,你可将本行的注释去掉,让数组反转一下就可以了
$('#title').html('&table&' + ret.join('') + '&/table&');//将数组合并后,写入 #title 中
//你之前是用的 $('#title').after(html);
//是将内容放在title的后面, 我这里是把内容放在 #title的容器里面的,
//具体要放哪里,请自行修改上面的代码
$(document).ready(function(){//DOMReady时触发
loadData();//先执行一次,将内容显示出来
setInterval(loadData, 10*1000);//然后每隔10秒执行一次,时间请根据需要自己修改
&div id=&title&&&/div&
&提示：您可以先修改部分代码再运行
UID649622在线时间 小时积分78帖子离线17463 天注册时间
初级会员, 积分 78, 距离下一级还需 122 积分
非常感谢啊！！！终于可以了，太谢谢你了！！！！！！！！！！！！！！！！！！！！
Powered by通常ajax请求返回的格式为json或者xml，如果返回的是json，则可以通过转换成javascript对象进行操作，如下：
1、ajax请求的controller实现
@RequestMapping
public void getLocations(@RequestParam String location, PrintWriter printWriter) {
if (StringUtils.isEmpty(location)) {
List&Location& locations = locationService.getSubLocation(location);
String json = Json.toJson(locations);
printWriter.write(json);
printWriter.flush();
printWriter.close();
Location是包含多个属性的Bean，如pName、zName。
2、ajax处理请求与返回值
type : "GET",
url : "/admin/location/getLocations.do",
data : "location=" + val,
success : function(msg) {
msg = eval(msg);
region = $("#region");
region.empty();
vHtml = "&option value='none'&选择区（可选）&/option&";
$.each(msg, function(i) {
var $bean = msg[i];
vHtml += '&option value="' + $bean.pName + '""&'
+ $bean.zName + '&/option&';
region.html(vHtml);
msg本来是一个json字符串，使用eval函数将字符串转成了javascript对象，从而可以像对象那样获取属性值了。
阅读(...) 评论()}