为了个破功能..非要用ajax..
正好学一学..
1. $.get(url,[data],[callback]) 的回调函数很诡异...
最好用$.post(url,[data],[callback])
例:
$.post("test.jsp","a=1",function(){
alert('hello world');
});
$.get("test.jsp","a=1",function(){
alert('hello world');
});
这个莫名其妙的...一会儿好用一会儿不好用..等搞明白再来纠正..
2.$.ajax(),这个当数据是xml的时候,dataType:xmlDocument,这个时候数据可以正常显示。
例如:
<packet version="1.0.0">
<item>english</item>
</packet>
$.ajax({
type: "POST",
url: "xx.xml",
dataType:"xmlDocument",
timeout:10000,
success: function(xml){
alert( "Data Saved: " + xml );
var value=$(this).find('item').text();
alert(value);
}});
如果dataType=xml,则什么都不显示了...这个地方也没看懂.API上明明写的 dataType "xml": 返回 XML 文档,可用 jQuery 处理。
3.跨域问题,当上面的url地址不是同一个域名下的时候.就会显示禁止访问资源,目前解决办法:修改IE的Internet选项-安全-自定义级别-跨域访问资源 改为启用..此问题尚待解决!!
$.ajax( {
url : "xx1.xml",
success : function(xml) {
var val=$(xml).find("data[name='data']>item>count_view").text();
alert(val);
}
});
xx1.xml:
<packet version="1.0.0">
<status>success</status>
<data name="data">
<item>
<id>4b6a3c233b4cb</id>
<count_view>41</count_view>
<updated>2010-03-04 17:08:28</updated>
</item>
</data>
</packet>
可以得到结果41.
如果跨域访问:
$.ajax( {
url :"http://video.guoshi.com/rest-video?id=4b6a3c233b4cb",
success : function(xml) {
var val=$(xml).find("data[name='data']>item>count_view").text();
alert(val);
}
});
就得不到结果.... 不明白...
如果 添加一个 type="POST",
$.ajax( {
type:"POST",
url :"http://video.guoshi.com/rest-video?id=4b6a3c233b4cb",
timeout:10000,
success : function(xml) {
var val=$(xml).find("data>item>count_view").text();
alert(val);
}
});
这样就可以取到值为41..前提:修改IE的跨域资源访问为启用.
…………
边学习边补充~~
分享到:
相关推荐
这个笔记是很全面的原生Ajax用法、json解释和jQuery选择器、dom操作、事件的讲解每一部分都有例子搭配,是学习熟悉jQuery的好资料!
jQuery+AJAX学习笔记
里面有jquery的一些基本常用语法。动态效果处理。ajax支持。js 处理等。
韩顺平AJAX和jquery笔记整理.doc
JS-Ajax-jQuery笔记,学习笔记,JavaScript,JS-Ajax-jQuery笔记,学习笔记,JavaScript,
Ajax,JQuery达内培训笔记
jquery 学习笔记jquery 学习笔记jquery 学习笔记jquery 学习笔记
自己总结的js,ajax,jquery笔记,doc文档,带目录的,很方便查看和复习
本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考,具体如下: 一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 ....
ajax\git\jquery笔记
Ajax_JQuery笔记.rar。超全
就业班时,就业老师整理的关于 Ajax的面试笔记,里边含有javaScript基础加强, Ajax编程入门,jQuery框架等一些核心资料。 核心内容概述 1.JavaScript加强,涉及到ECMAScript语法、BOM对象、DOM对象以及事件。 2....
快速使用JQuery框架及高级技巧 jQuery是一个快速、简洁的JavaScript框架,是继Prototype...它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
js_ajax_jquery笔记.docx,做得比较全
从jQuery的概述开始,包含jQuery选择器,包装集操作,DOM编程,事件编程,jQuery与ajax集成,常用的工具API,jQuery插件开发,内核研究以及常用插件知识。
Javascript&Ajax&Jquery笔记[汇编].pdf
由于工作需要,所以研究了一段时间的jQuery,参考了大量的宝贵资源,所以资源回馈一下,该笔记详细,有重点,经word排版可直接打印,以方便查阅,打印出来字体应该不小的! 参考: 《jQuery基础教程》、《锋利jQuery》 王兴魁 ...
此笔记包含了前端代码规范、前端工具使用笔记、Ajax、Axios学习笔记、Chrome开发使用及学习笔记、ES6及后续版本学习笔记、Git学习笔记、HTML+CSS+JS基础笔记、Mobx学习笔记、Promise学习笔记、ReactHooks笔记、React...
jquery 选择器 jquery 是一个快速简单的javascript library 简化了html文件 ,动画,ajax 。方便了网页技术的快速发展