【www.gdgbn.com--jquery】

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 站点里面

本文来源:http://www.gdgbn.com/wangyezhizuo/29797/