ajax 数据接收,小木程序资源网

这段代码展示了如何使用Ajax进行异步GET和POST请求。通过创建XMLHttpRequest对象,设置请求类型、URL、数据和回调函数,实现了动态更新页面内容。当请求状态改变时,根据响应状态调用success或error函数。
摘要由CSDN通过智能技术生成

ajax获取数据

最后更新:2020-01-18 09:05

简介:

默认异步GET方式,参数为url地址,data格式:a=1&b=2&c=3

function f5iNWnPDTC(type, url) {

var ajaxData = {

async: "true",

data: null,

dataType: "text",

contentType: "application/x-www-form-urlencoded",

success: function (data) { document.getElementById('result').innerHTML=data; },

error: function (err) { },

}

var xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

xhr.responseType = ajaxData.dataType;

type =type.toUpperCase();

if (type === "GET") {

url = url + "?" + ajaxData.data;

xhr.open(type, url, ajaxData.async)

xhr.send()

}

if (type === "POST") {

xhr.open(type, url, ajaxData.async)

xhr.setRequestHeader("Content-Type", ajaxData.contentType)

xhr.send(ajaxData.data)

}

xhr.onreadystatechange = function () {

if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {

ajaxData.success(xhr.responseText)

} else {

ajaxData.error(xhr.responseText)

}

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值