说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

JQuery操作Ajax的基本方法

HTML文档下载 WORD文档下载 PDF文档下载
JQuery进行Ajax操作非常方便,本文简单介绍了常见使用方式。

 

页面中 <div id="mydiv">okbase.net is loading...</div>,我们需要做的是请求其它页面替换mydiv中的内容。
注意:不能做跨域请求。

 

页面中 <div id="mydiv">okbase.net is loading...</div>,我们需要做的是请求其它页面替换mydiv中的内容。

注意:不能做跨域请求。

 

 

(1)用load函数

 

$('#mydiv').load('test.htm');

(2)用$.get或$.post

 

$.get('test.htm', function(data) {	$('#mydiv').html(data);});

// 向页面发送一些数据

 

$.post('test.htm', {	username: 'hello',	number: 189}, function(data) {	$('#mydiv').html(data);});

(3)用$.ajax

$.ajax是最为强大的,可以指定 xml、script、html 或者 json,jQuery 将自动为回调函数准备合适的结果,还可以指定 beforeSend、error、success 或者 complete 回调函数,可以设置 Ajax 请求的超时等。

 

$.ajax({    url: 'document.xml',    type: 'GET',    dataType: 'xml',    timeout: 1000,    error: function(){        alert('加载失败');    },    success: function(xml){        $('#mydiv').html(xml);	alert('加载成功');    }});

谢谢观看!

 

 

 

 

 

备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘