jquery ajax方法如load,get等在Chrome下失效的问题

Await — Tue, 12 Oct 2010 00:09:07 +0000

最近碰到一个问题，发现jquery在chrome 中， ajax的load get等方法完全失效。代码如下：

function getHtml(url,ctner){
//alert(ctner);
//$.get(url,function(data) {$(ctner).html(data);}, "text");
try{ $(ctner).load(url); }
catch(e) { alert(url + "读取错误"); }
}

症状：其实语句是执行了，如上面的代码，TRY的时候并没有抛出错误，但返回的内容就是空值。

百度了半天没发现解决方法。后来GOOGLE了一下老外的内容，才发现问题的症结

http://forum.jquery.com/topic/load-and-ajax-not-working-on-google-chrome

原来是Chrome 5+里面对非针对服务端的Ajax调用做了严格的限制，如果是在SERVER端调用就没有问题了。。。。。。无语

作个记录。我昨正也遇到这个问题了；

原文：http://hi.baidu.com/barkbread/blog/item/acc0bdd4b786e70ca08bb73f.html

2009-11-30 -- 不刷新（AJAX）获取文章的内容 (53)
相信大家都知道AJAX评论这玩意。AJAX评论带来了很多好处，不用在刷新页面就能发表评论。实时提交，实时显示。很多人都用上了都给自己的BLOG上添加了这样的功能。方法在这就不说了，很多人都作了详细的讲...
2011-09-08 -- jQuery中queue和dequeue的用法 (1)
今天在做右下角那个静止的工具栏时遇到了一个问题。鼠标放上去的时候，要让周围的4个按钮按顺序显示出来，移开的时候要按顺序隐藏。左思右想发现用animate的回调函数方式来写比较麻烦。于是百度了下，发现j...
2011-08-17 -- Flight主题更新 (16)
这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...
2010-11-24 -- JQ弹出层插件(tipsWindow 2.8) (154)
已更新为2.7...
2010-10-12 -- 分享Flight主题中的焦点图（基于JQ） (22)
关于这个焦点图没啥说的了，网上太多了。但自己一直没找到个合适的。现在的这个是Dreamy主题中的升级版，虽然看起来一模一样。其实做了很多扩展，优化了结构和JS部分。可以选择切换方式（左右滚动，上下滚动...

不刷新（AJAX）获取文章的内容

Await — Mon, 30 Nov 2009 15:27:19 +0000

相信大家都知道AJAX评论这玩意。AJAX评论带来了很多好处，不用在刷新页面就能发表评论。实时提交，实时显示。很多人都用上了都给自己的BLOG上添加了这样的功能。方法在这就不说了，很多人都作了详细的讲解。在这想跟大家分享下。AJAX加载文章的内容。当然，这里还是基于JQ的load方法来实现。OK，来看效果：

首先，定义三个变量：

var objTag= $(".post");//定义要获取内容所在的节点
var num= objTag.length;//定义节点的数量
var _cache=new Object;//建立一个缓存对像

然后构建一个加载的函数：

function loadentry(n){
var _url=$(objTag[n]).children(".archive-post-title").children("h2").children("a").attr("href");//定义要加载文章的地址
$('
正在加载文章内容，请稍等！
').insertBefore($(objTag[n]).children(".singledata"));//插入提示信息
if(_cache[_url]==null){//判断是否有缓存
$(objTag[n]).children(".details").load(_url+" .post .entry",function(){
_cache[_url]=$(objTag[n]).children(".details").html();
$(''+n+'");">收起全文↑').insertAfter($(objTag[n]).children(".details"));
});//加载文章内容
}else{
$(objTag[n]).children(".archive-post-title").children(".archive-arrow").remove();
$(objTag[n]).children(".details").html(_cache[_url]);//直接显示缓存对像的内容
$(''+n+'");">收起全文↑').insertAfter($(objTag[n]).children(".details"));
}
$(objTag[n]).children(".archive-post-title").children(".archive-arrow").remove();
}

这部分对于不懂JQ的人来说可能有点复杂。懂JQ的人看起来一定很简单。就是一个对DOM的操作。通过动态的插入清除节点来实现我们需要的效果。关健在于“.load()”的用法。

到这已经实现了加载了。接着需要做个删除也就是收起全文；相比加载，删除要简单的多了，就是直接删除节点就行了。

function closentry(n){
$(objTag[n]).children(".details").animate({height: 'toggle'}, "slow",function(){$(this).remove()});
$(objTag[n]).children(".archive-arrow").remove();
$('
'+n+'");">阅读全文↓
').insertAfter($(objTag[n]).children(".archive-post-title").children("p"));
}

这段代码就是一个基本的节点操作。在这就不作说明了；当然，最后我们需要插入节点并绑定事件。

$(document).ready(function(){
for(a=0;a<num;a++){
$(objTag[a]).children(".archive-post-title").children(".archive-arrow").append(''+a+'");">阅读全文↓');
}
});

OK，到这里这个AJAX加载效果就完成了。详细的效果可以点击侧边栏的分类导航。

2010-10-12 -- jquery ajax方法如load,get等在Chrome下失效的问题 (4)
最近碰到一个问题，发现jquery在chrome 中， ajax的load get等方法完全失效。代码如下： function getHtml(url,ctner){ //alert(c...
2008-11-27 -- 给你的侧边栏添加一个登陆入口 (12)
个人一直觉得wordpress的登陆很麻烦，要打开一个新窗口才行。而且默认的那个窗口看起来并不怎么漂亮。所以决定给它整整，搞个适合偶主题的登陆框才行。之前我已经写过一篇文章，但那个是用jQuery实现...
2008-09-15 -- jquery基础教程二[伸缩、隔行变色...] (3)
在上一篇介绍中已经讲了一些基本的应用，今天继续。先看一下面这个例子 Demo_5：收缩展开功能[如无法运行请多刷新几次或保存到本地运行] 可伸缩块 p,d...
2008-09-11 -- jquery基础教程一[click,addClass,show,hide] (3)
原创内容—转载请说明出处. jQuery我想很多人都知道，但用WP的好像很少有人说到这个。今天开始和大家一起来研究下如何用jQuery来为我们的WP添加实用的功能。至于jQuery的相关背景和资...
2008-08-28 -- 利用WP自带的JS库打造超酷的侧边栏 (6)
从这篇文章开始，我们来认识下wordpress自带的JS库，下面这张图是WP自动的JS文件夹。可以看出有很多JS文件，当然包括大名鼎鼎的jquery和prototype。利用这些我们能实现很多很酷的效...

您可能也喜欢：
不刷新（AJAX）获取文章的内容	jQuery 实现 tab 切换一例	用jQuery实现个性有序列表	jQuery性能优化指南	用jquery写一个简单的菜单伸缩效果
无觅

等待-放飞梦想 » load

jquery ajax方法如load,get等在Chrome下失效的问题

相关文章

不刷新（AJAX）获取文章的内容

相关文章

等待-放飞梦想 » load

jquery ajax方法如load,get等 在Chrome下失效的问题

相关文章

不刷新（AJAX）获取文章的内容

相关文章

jquery ajax方法如load,get等在Chrome下失效的问题