`
sonyfe25cp
  • 浏览: 204910 次
  • 性别: 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和jQuery学习笔记 #### 一、Ajax基础与原理 **1.1 什么是Ajax?** Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种用来创建快速动态网页的技术,通过在后台与服务器进行少量数据...

    Jquery学习笔记Jquery学习笔记

    Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录,本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个javascript框架,...

    jquery 学习笔记总结

    **jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...

    韩顺平jquery学习笔记及练习

    首先,我们来看看"韩顺平AJAX和jQuery笔记整理.doc"。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,而jQuery对AJAX提供了出色的封装,使得异步数据交换变得更加简单。在这个文档中,你将了解...

    jquery 教程 ajax 资料 txt 学习笔记

    这些知识点涵盖了 jQuery 的基本用法、DOM 操作、CSS 样式调整、事件处理以及 AJAX 支持等方面。 ### 一、jQuery 基础 1. **选择器**:jQuery 提供了一种简单的方式来选择页面中的元素。例如: - `$()`:这是 ...

    jQuery+AJAX学习笔记

    jQuery+AJAX学习笔记

    jQuery学习笔记(一)

    **jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...

    jquery完全笔记 带目录 高清 经典前端js笔记 前端必看

    ### jQuery完全笔记知识点概述 #### 1. jQuery概述 jQuery是一个快速、小型且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。通过使用jQuery,可以更方便地在网页中操作文档对象、选择...

    JS-Ajax-jQuery笔记1

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

    javascript and jquery学习笔记与资料

    这里,我们有针对这两个主题的学习笔记和参考资料,包括JavaScript培训、jQuery API、JavaScript基础、函数详解以及jQuery使用手册等内容。让我们逐一探讨这些知识点。 首先,`JavaScript培训.zip`可能包含的是对...

    jquery 学习笔记

    **jQuery学习笔记** jQuery,作为一个轻量级的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这篇学习笔记将深入探讨jQuery的核心概念和实用技巧,帮助初学者快速上手。 ## 一...

    jquery学习笔记.rar

    《jQuery学习笔记详解》 jQuery,作为一款广泛应用于前端开发的JavaScript库,因其简洁的语法和强大的功能,深受开发者喜爱。这份"jQuery学习笔记.rar"包含的资源旨在帮助你全面掌握jQuery,无论你是初学者还是有...

    我的JQuery笔记.doc

    《jQuery学习笔记详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本笔记基于一年的学习经验,涵盖了基础到进阶的知识点,旨在帮助初学者快速掌握...

    Ajax,JQuery达内培训笔记

    ### Ajax与JQuery达内培训笔记精要 #### Ajax概览 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现...

    jquery读书笔记

    《jQuery读书笔记》 在深入理解JavaScript库的过程中,jQuery无疑是一个绕不开的重要角色。这篇读书笔记将基于jQuery的API文档,结合实际应用,探讨其核心功能和使用技巧,旨在帮助读者更好地掌握这一强大的工具。 ...

    JQuery学习笔记(技术文档)

    ### JQuery学习笔记(技术文档) #### 一、JQuery能做什么? JQuery 是一款轻量级的 JavaScript 库,它的设计宗旨是“write less, do more”,即“写得更少,做得更多”。通过JQuery,可以实现以下功能: 1. **...

    jQuery学习笔记 jQuery API

    **jQuery学习笔记 jQuery API** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本笔记旨在帮助开发者快速上手并深入理解jQuery的核心概念和API。 ### 1. jQuery...

    JQuery学习笔记(日常积累)

    在深入探讨jQuery的知识点之前,首先需要理解jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。jQuery的核心特性是其选择器,它允许开发者通过CSS样式的语法轻松选取HTML...

Global site tag (gtag.js) - Google Analytics