AJAX

get 会把信息显示在url后面，对提交的文件大小有限制

post 不会把信息显示在url后面，更安全，提交的文件对大小无限制

html

<form action=“url” methob=“get/post” enctype=“multipart/form-data”(传文件要写这个属性(只有methob属性值为post时才能用))>
<input type=“text” name=“user”>
<input type=“submit” value=“提交”>
</form>

 

.load()   加载
.get()    
.post()

jquery方法

$(“p”).load(“url”,{data}(与请求一同发送的查询字符串键/值对集合),callback(load()请求完成后执行的函数))
$.get(“url”,callback(请求成功后执行的函数))
$.post(“url”,{data}(连同请求发送的数据),callback)

$.ajax

$.ajax({
    type: “get / post”,
    url: “...xxx.json”,//地址
    dataType: “json”,//预计返回数据类型
    data: {
        ……
        //将数据传到后端
    },
    beforSend: function() {
        在请求发送前执行的函数
    },
    //将后端数据传到前端，请求成功后执行的方法
    success: function(data) {
        data = JSON.stringify(data.data)
            ....
    },
    error: function(e) {
        //加载失败后执行的方法
    }，

    //状态码为xx时执行的方法
    statusCode: {
        404: function() {
            window.location.href = "./404.html";
        }，

        200：....
    }
})

 

JavaScript方法

encodeURLComponent(“张三”)  将汉字张三转为字符串(url中不能有汉字)

get方法

window.onload = function(ev) {
    var bt = document.querySelector(“button”)
    bt.onclick = function(ev1) {
        //创建一个异步对象
        var xmlhttp = new XMLHttpRequest()
        //设置请求方式和请求地址
        xmlgttp.open(“GET”, “url”, true)
        //发送请求
        xmlhttp.send()
        //监听状态变化
        xmlhttp.onreadystatechange = function(ev2) {
            0: 请求未初始化
            1: 服务器连接已建立
            2: 请求已接受
            3: 请求处理中
            4: 请求已完成， 且响应已就绪
            if (xmlhttp.readyState === 4) {
                //处理返回结果
            }
        }
    }
}