※ajax的post方式注意点※及jsonp的封装

时间 2019-11-06

标签 ajax post 方式注意 jsonp 封装栏目 Ajax 繁體版

原文原文链接

GET发送的数据被解析成key和valuephp

POST发送的数据会被解析成字符串html

在发送数据以前ajax.send("user=admin"),设置请求头信息ajax

ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");json

封装AJAX的POST请求方式app

注意发送数据参数的默认值函数

<!DOCTYPE html>jsonp

<html lang="en">ui

<head>url

<title>Document</title>

</head>

<body>

</body>

document.onclick = function(){

var url = "http://127.0.0.1/1908/jsonp/data/jsonp3.php"

jsonp(url,function(res){

alert(res)

},{

pass:"root",

// 5.用来保存，后台接收的回调函数名所在的字段名

// 为了给本身封装的函数传参，放置屡次修改封装好的函数

columnName:"cb",

// 6.根据后台要接受的字段名,发送回调函数名,回调函数名，已经无所谓了，随机都行

cb:"sdfsdfsdf"

})

}

function jsonp(url,success,data){

// 1.处理默认参数

data = data || {};

// 2.解析数据

var str = "";

for(var i in data){

str += `${i}=${data[i]}&`;

}

// 3.建立script标签，设置src，准备开启jsonp

var script = document.createElement("script");

script.src = url + "?" + str;

document.body.appendChild(script);

// 4.定义全局函数

// window.asdasdasd = function(res){

// window["asdasdasd"] = function(res){

// window[data.callback] = function(res){

// window[data["callback"]] = function(res){

window[data[data.columnName]] = function(res){

success(res);

}

</script>

</html>