`
sonyfe25cp
  • 浏览: 202655 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery Ajax 笔记

阅读更多
为了个破功能..非要用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和jQuery学习笔记

    这个笔记是很全面的原生Ajax用法、json解释和jQuery选择器、dom操作、事件的讲解每一部分都有例子搭配,是学习熟悉jQuery的好资料!

    jQuery+AJAX学习笔记

    jQuery+AJAX学习笔记

    jquery 教程 ajax 资料 txt 学习笔记

    里面有jquery的一些基本常用语法。动态效果处理。ajax支持。js 处理等。

    韩顺平AJAX和jquery笔记整理

    韩顺平AJAX和jquery笔记整理.doc

    JS-Ajax-jQuery笔记1

    JS-Ajax-jQuery笔记,学习笔记,JavaScript,JS-Ajax-jQuery笔记,学习笔记,JavaScript,

    Ajax,JQuery达内培训笔记

    Ajax,JQuery达内培训笔记

    jquery 学习笔记

    jquery 学习笔记jquery 学习笔记jquery 学习笔记jquery 学习笔记

    js+ajax+jquery笔记

    自己总结的js,ajax,jquery笔记,doc文档,带目录的,很方便查看和复习

    jQuery学习笔记之Ajax用法实例详解

    本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考,具体如下: 一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 ....

    ajax \ git \ jquery笔记

    ajax\git\jquery笔记

    Ajax_JQuery笔记.rar

    Ajax_JQuery笔记.rar。超全

    《Ajax笔记》

    就业班时,就业老师整理的关于 Ajax的面试笔记,里边含有javaScript基础加强, Ajax编程入门,jQuery框架等一些核心资料。 核心内容概述 1.JavaScript加强,涉及到ECMAScript语法、BOM对象、DOM对象以及事件。 2....

    JQuery高级笔记.md

    快速使用JQuery框架及高级技巧 jQuery是一个快速、简洁的JavaScript框架,是继Prototype...它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

    js_ajax_jquery笔记.docx

    js_ajax_jquery笔记.docx,做得比较全

    jQuery编程笔记

    从jQuery的概述开始,包含jQuery选择器,包装集操作,DOM编程,事件编程,jQuery与ajax集成,常用的工具API,jQuery插件开发,内核研究以及常用插件知识。

    Javascript&Ajax&Jquery笔记[汇编].pdf

    Javascript&Ajax&Jquery笔记[汇编].pdf

    jQuery 学习笔记 (直接打印是个好主意!)

    由于工作需要,所以研究了一段时间的jQuery,参考了大量的宝贵资源,所以资源回馈一下,该笔记详细,有重点,经word排版可直接打印,以方便查阅,打印出来字体应该不小的! 参考: 《jQuery基础教程》、《锋利jQuery》 王兴魁 ...

    前端笔记完整版(HTML、CSS、JS、JQuery、AJAX、VUE、React等笔记)

    此笔记包含了前端代码规范、前端工具使用笔记、Ajax、Axios学习笔记、Chrome开发使用及学习笔记、ES6及后续版本学习笔记、Git学习笔记、HTML+CSS+JS基础笔记、Mobx学习笔记、Promise学习笔记、ReactHooks笔记、React...

    jquery 笔记

    jquery 选择器 jquery 是一个快速简单的javascript library 简化了html文件 ,动画,ajax 。方便了网页技术的快速发展

Global site tag (gtag.js) - Google Analytics