手写JSONP:动态创建script实现跨域请求

手写JSONP:动态创建script实现跨域请求

前端

const input = document.querySelector("input");
const p = document.querySelector("p");

const handle = function (data) {
    input.style.border = "solid 1px black";
    input.innerHTML = data.msg;
}

input.onblur = function () {
    const script = document.createElement("script");
    script.src = "url?callback=handle";
    document.body.appendChild(script);
}

服务端

app.all("/x", (request, response) => {
    const data = {
        msg: "用户已存在"
    };
    let str = JSON.stringify(data);
    const fun = request.split("=")[1];
    response.send(`handle(${str})`);
})