栏目导航
热点推荐
- 使用JS进行目录上传(相当于批量
- 推荐学习:精通JS正则表达式
- js创建对象的几种常用方式小结(
- jQuery技巧总结
- 10个JavaScript小技巧
- 非常全面的实用JavaScript开发工
- 网站统计之javascript代码加载优
- JS实现广告顺序轮播和随机轮播四
- 使用javascript让页面自适应
- 24小时退弹一次的代码,可弹SP2S
- (Tips&Tricks;)用客户端模板精简J
- js教程:JavaScript作用域(Scope)
阅览排行
关于 jQuery getJSON方法的一点心得
www.jz123.cn 2010-10-21 来源: 中国建站 责任编辑(袁袁) 我要投递新闻
最近需要做一个纯静态html的网站,所以数据交互ajax必不可少,于是选择Jquery,本地调试一切正常,但是,上了服务器之后就有问题了。
首先在FF上面出现这个错误:
Error: [Exception... "Access to restricted URI denied" code: "1012" nsresult: "0x805303f4 (NS_ERROR_DOM_BAD_URI)" location: "http://localhost:1234/JavaScript/JQurey/jquery-1.2.6.min.js Line: 28"]
IE下面呢倒是可以通过,但是会出现下面这个警告信息:
点完Yes之后是可以得到效果的。但是这样对于网站的客户来说,实在是很糟糕的体验。
于是google “Access to restricted URI denied”,发现问题出在Cross-Domain上面,看了Jquery的开发资料得知,从1.2版本开始使用 jQuery.getJSON(url,[data],[callback]) 来进行跨域提交,参考如下:
As of jQuery 1.2, you can load JSON data located on another domain if you specify a JSONP callback, which can be done like so: "myurl?callback=?". jQuery automatically replaces the ? with the correct method name to call, calling your specified callback.
看了上面 JSONP的链接,几乎一无所获,按照其要求我加上了?callback=?",还是取不到任何数据,我的JS代码如下:
/**//** Get UserLogin Information ** 2008 12 11 ** Kevin */
$.getJSON("http://kevinshi.hi.ourivy.com/HttpHandlers/FetchAuthenticationTicketHandler.ashx?jsoncallback=?",
function(data) {
$("#divHeaderLink").html(data.name);
});
但是始终得不到数据,断点设到data.name一行,从来没有被执行过。于是,开始考察jsoncallback=?,发现这个其实是有值的,只是自己一直没有handle(其实是因为自己不知道怎么样handle,google很久,几乎没有找到任何直接使用ashx来处理remote json的例子),但是搜到一篇元老级的文章,是一篇专门介绍jquery ajax的文章,上面说需要将jsoncallback的值传回来,原来如此,于是就将ashx的方法修改了一下,几经转折,终于调试出来下面的代码:
public void ProcessRequest( HttpContext context )
{
context.Response.ContentType = "text/plain";
ViewManager<AuthenticatedUserTicket> viewManager = new ViewManager<AuthenticatedUserTicket>();
AuthenticatedUserTicket control = viewManager.LoadViewControl( "~/RenderControl/AuthenticatedUserTicket.ascx" );
JsonObjectCollection collection = new JsonObjectCollection();
collection.Add( new JsonStringValue( "name" , viewManager.RenderView( control ) ) );
context.Response.Write( context.Request.QueryString["jsoncallback"] + "(" + collection + ")" );
}
其中,JsonObjectCollection 类要引用using System.Net.Json;是JSON官方网站推荐的一个dll,我没有用JSON.Net,是因为我是2.0的,于是我使用这个,感觉也很不错。使用这个的好处是对于html代码的处理,因为json是通过“”传递数据的,但是html中也是含有“”的,如果直接手动拼写,会很麻烦。
这个ashx执行的结果如下:
jsonXXXXXXXXXXXXXX?
其中 jsonXXXXXXXXXXXXXX 就是context.Request.QueryString["jsoncallback"] 的值。
在页面当中的效果如下:
登陆之后的结果如下:
下面的那个cart也是通过相同的效果做出来的。
上一篇:jQuery Validation插件remote验证方式的Bug 下一篇:jQuery调用WebService