jquery ajax请求后台 的简单例子

jQuery.ajax(url,[settings])

 

 

概述

 

 

通过 HTTP 请求加载远程数据。

jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。

最简单的情况下,$.ajax()可以不带任何参数直接使用。

注意 ,所有的选项都可以通过$.ajaxSetup()函数来全局设置。

回调函数

如果要处理$.ajax()得到的数据,则需要使用回调函数。beforeSend、error、dataFilter、success、complete。

·  beforeSend 在发送请求之前调用,并且传入一个XMLHttpRequest作为参数。

·  error 在请求出错时调用。传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话)

·  dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。并且必须返回新的数据(可能是处理过的)传递给success回调函数。

·  success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。

·  complete 当请求完成之后调用这个函数,无论成功或失败。传入XMLHttpRequest对象,以及一个包含成功或错误代码的字符串。

demo如下:

前台js代码:

 

var  url = "/test/check" ;

     $.ajax({

         type:  "post" ,

         url: url,//      data: "para="+para,  此处data可以为 a=1&b=2类型的字符串 或 json数据。        

 data: {"para" :1},        

***: false,        

async : false,       

ataType:  "json" ,        

success: function (data ,textStatus, jqXHR)      

  {            

if ("true"== data.flag){              

 alert( "合法!" );                

r eturn   true;            

}else{               

 alert( "不合法!错误信息如下:"+ data.errorMsg);               

 return   false;           

 }       

 },       

 error:function (XMLHttpRequest, textStatus, errorThrown) {                  

 alert("请求失败!" );      

  }    

 });

 

 

后台java代码:

 

/**    

 * 校验    

 *    

 * @return void  

   */    

  public   void check(){       

 Map <String,String> result =  new  HashMap<String,String> ();       

 boolean  flag =  false;       

 try{         

   String para = getPara("para" );          

  //校验 代码...            

result.put( "flag", "true" );          

  renderJson(result);//返回json数据       

 }catch(Exception e){         

   result.put( "flag", flag+"" );          

  result.put( "errorMsg" , e.getMessage());        

renderJson(result);//返回json数据        

    e.printStackTrace();       

 }   

 }

 

 

 

 

 

 

 

 

 

 

 

全部评论

相关推荐

头像
不愿透露姓名的神秘牛友
03-13 14:57
点赞 评论 收藏
转发
点赞 收藏 评论
分享
牛客网
牛客企业服务