海阔天空

手机扫码查看

2020javaweb教程之ajax方法

常用参数：

contentType:(默认: “application/x-www-form-urlencoded”) 发送信息至服务器时内容编码类型。默认值适合大多数情况。

data:发送到服务器的数据

dataType:预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断。

“xml”: 返回 XML 文档，可用 jQuery 处理。

“html”: 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。

“script”: 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了”cache”参数。”’注意：”’在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

“json”: 返回 JSON 数据 。

“jsonp”: JSONP 格式。使用 JSONP 形式调用函数时，如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

“text”: 返回纯文本字符串

success：请求成功后的回调函数。参数：由服务器返回，并根据dataType参数进行处理后的数据；描述状态的字符串。

type：(默认: “GET”) 请求方式 (“POST” 或 “GET”)， 默认为 “GET”。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。

url：(默认: 当前页地址) 发送请求的地址。

用法：

<script>
    function checks() {
        var values=$("#username").val();
        $.ajax({
            //请求方式
            type:"get",
            //请求的地址，不用写项目名
            url:"check",
            //发送数据 get可以在url直接拼接
            data:"username="+values,
            //服务器返回的类型，直接对其进行解析
            dataType:"text",
            //成功之后回调函数
            success:function (data) {
                if(data=="1"){
                    $("#ch")
                        .html(values+"已存在！请重新输入")
                        .css("color","red");
                }else{
                    $("#ch")
                        .html(values+"可以注册")
                        .css("color","green");
                }
            }
        })
    }
</script>

get方法

function checks(){
    var values=$("#username").val();
    //$.get(url,data,success,dataType)
    $.get("check","username="+values,function(data){
        if(data=="1"){
            $("#ch").html(values+"用户名被占用").css("color","red");
        }else{
            $("#ch").html(values+"可以注册").css("color","green");
        }
    },"json")
}

post方法

function checks() {
    var values=$("#username").val();
    //查询 用 get
    //增删改 用 post
    $.post("check","username="+values,function(v){
        if(v=="1"){
            $("#ch").html(values+"用户名被占用").css("color","red");
        }else{
            $("#ch").html(values+"可以注册").css("color","green");
        }
    })
}