最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery ajax 应用实例代码
时间:2011-04-09 编辑:简简单单 来源:一聚教程网
jquery ajax 应用实例代码
/*
ajax 向页面发送数据
$.post('save.cgi', {
text: 'my string',
number: 23
}, function() {
alert('your data has been saved.');
});
如果您确实需要编写一些复杂的 ajax 脚本,那么需要用到 $.ajax() 函数。您可以指定 xml、script、html 或者 json,jquery 将自动为回调函数准备合适的结果,这样您便可以立即使用该结果。还可以指定 beforesend、error、success 或者 complete 回调函数,向用户提供更多有关 ajax 体验的反馈。此外,还有一些其它的参数可供使用,您可以使用它们设置 ajax 请求的超时,也可以设置页面 "最近一次修改" 的状态
*/
//超简单jquery ajax应用
function visit_build(){
var myclasses = new ajax('visit!build.action', {
method: 'post',
data:{
id:this_bid
},
oncomplete: function(response){
}
}).request();
}
//下面来个验证邮箱地址邮箱验证实例带多个参数的
function nactactivity_submit(){
var aid = $('aid').value;
var name = $('a_name').value;
var mobile = $('mobile').value;
var email = $('email').value;
var address = $('address').value;
var email_p = /^([a-za-z0-9_-])+@([a-za-z0-9_-])+(.[a-za-z0-9_-])+/;
var tel_p = /^[0-9-]+$/;
if(name.length>0 && mobile.length==11 && email.length>0 && email_p.test(email) && tel_p.test(mobile)){
var myclasses = new ajax('activity!submitnact.action', {
method: 'post',
data:{
id:aid,
name:name,
mobile:mobile,
email:email,
address:address
},
oncomplete: function(response){
$('massage_box').sethtml(response);
$('massage_box').setstyle('width', 810);
$('massage_box').setstyle('height', 500);
$('massage_box').setstyle('visibility', 'visible');
$('mask').setstyle('visibility', 'visible');
$('massage_box').setstyle('left', (980-a+200)/2);
$('massage_box').setstyle('top', (window.screen.height-650)/2);
}
}).request();
}else{
alert('请按要求填写完整,姓名,手机号码,邮箱都是必填项');
}
}
/*
处理xml文档
$.ajax() 使 ajax 由复杂变简单
$.ajax({
url: 'document.xml',
type: 'get',
datatype: 'xml',
timeout: 1000,
error: function(){
alert('error loading xml document');
},
success: function(xml){
// do something with xml
}
});
当 success 回调函数返回 xml 文档后,您可以使用 jquery 检索这个 xml 文档,其方式与检索 html 文档是一样的。这样使得处理 xml 文档变得相当地容易,并且把内容和数据集成到了您的 web 站点里面
-
上一个: js中几个常用的时间日期处理函数
相关文章
- jquery Ajax 全局调用封装实例详解 01-23
- jquery Ajax的load方法及实例 07-15
- jQuery Mockjax插件模拟Ajax请求实例教程 01-01
- jQuery中ajax的$.post应用实例 12-25
- jquery中ajax load实例 11-30
- jQuery ajax 异步传输实例详解 11-04