ajax调用后台Java

时间:2023-03-09 20:56:12
ajax调用后台Java

//html部分

<input type='text' placeholder='用户名' id="username" name="username" class="text" tabindex="1">
       <input type='text' placeholder='密码' id="password" name="pwd" class="text" tabindex="2">
            <a javasript:// id="login">登录</a>

//一个登陆的页面  需要username和password

//js部分(其中写了一些判断和正则之类,这里就不详细说明了)

$.ajax({
    type:"get",     //http请求方式,"get":从指定的资源请求数据;  "post":向指定的资源提交要处理的数据;

  url:.......,    //发送请求的URL地址
    data:{username:"username",userpassword:"userpassword"},    //要发送给服务器的数据,以 Key/value 的键值对形式表示;
    dataType:"text",     //预期服务器返回的数据类型
    success: function(result){
     location.href = "c-1.html"       //请求成功后回调函数
    },
    error:function(XMLHttpRequest, textStatus, errorThrown){     //  请求失败时调用此方法;
       alert(XMLHttpRequest.status);         //可查询XMLHttpRequest状态status       

     alert(XMLHttpRequest.readyState);    // ()里为弹出的值       (0)未初始化 (1)载入 (2)载入完成 (3)交互 (4)完成    

        alert(textStatus);                //弹出parsererror则返回数据类型有误,即dataType的值
                    alert('读取超时,请检查网络连接');
    }
   })
  })
 })