jquery ajax post请求实例

function test(){
   $.ajax({
            //提交数据的类型 POST GET
            type:"POST",
            //提交的网址
            url:"testLogin.aspx",
            //提交的数据   该参数为属性值类型的参数
//(和url?Name="sanmao"&Password="sanmapword"一样)后台若为SpringMVC接受,注明@RequestParam
data:{Name:"sanmao",Password:"sanmaoword"}, //返回数据的格式 datatype: "html",//"xml", "html", "script", "json", "jsonp", "text". //在请求之前调用的函数 beforeSend:function(){$("#msg").html("logining");}, //成功返回之后调用的函数 success:function(data){ $("#msg").html(decodeURI(data)); } , //调用执行后调用的函数 complete: function(XMLHttpRequest, textStatus){ alert(XMLHttpRequest.responseText); alert(textStatus); //HideLoading(); }, //调用出错执行的函数 error: function(){ //请求出错处理 } }); }

 若要提交json格式的参数:

$(function(){
              //隐藏警告信息
              $(".alert-warning").hide();
              
              $("#dependentName").blur(function(){
                  
                  $.ajax({
                      //提交数据的类型 POST GET
                      type:"POST",
                      //提交的网址
                      url:"${path}/dependentOffice/checkName",
                      //提交的数据  
                   data: JSON.stringify(GetJsonData()),
           //参数格式为json contentType:
"application/json; charset=utf-8",
//返回数据的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //成功返回之后调用的函数 success:function(data){ alert(data); }, //调用出错执行的函数 error: function(){ //请求出错处理 alert("请求失败"); } }); });
//json格式的数据源
function GetJsonData() { var json = { "userName": 'Tom', "tel": '10086' }; return json; } });

后台接受需注明@RequestBody,在就需加入jackson的jar

@RequestMapping("/checkName")
    @ResponseBody
    public String checkName(@RequestBody User user ) {
        //Integer id = dependentOfficeService.selectDependentOfficeByName(dependentName);
        
        return user.toString();
    }

 

posted @ 2017-10-20 19:09  watermelonBan  阅读(22001)  评论(0编辑  收藏  举报