首页 > 其他分享 >原生Ajax发送请求

原生Ajax发送请求

时间:2022-12-07 13:11:22浏览次数:38  
标签:原生 xmlhttp res app secret 发送 Ajax key XMLHttpRequest

GET

// 1. 创建一个xmlhttpRequest对象

   var xmlhttp = null;
    var res;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

// 2. 设置回调函数
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        res = eval('('+xmlhttp.response+')');
                        console.log(res)
                        return
        }
    }

 // 3. 打开一个连接
    xmlhttp.open("get", "https://api.yonyouup.com?app_key=app_key&app_secret=app_secret&from_account=from_account");

// 4. 发送
    xmlhttp.send();

 

POST

// 1. 创建一个xmlhttpRequest对象

   var xmlhttp = null;
    var res;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

// 2. 设置回调函数
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        res = eval('('+xmlhttp.response+')');
                        console.log(res)
                        return
        }
    }

 // 3. 打开一个连接
        xmlHttp.open('POST', 'https://api.yonyouup.com');

 // 4. 设置请求头
 xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

 // 5. 发送
 xmlHttp.send('app_key=app_key&app_secret=app_secret&from_account=from_account'); //请求体body,用&分隔。引用:req.body.name

 

 

标签:原生,xmlhttp,res,app,secret,发送,Ajax,key,XMLHttpRequest
From: https://www.cnblogs.com/cmooc/p/16962790.html

相关文章

  • Airbnb 宣布放弃使用 React Native,回归使用原生技术
    昨日,Airbnb技术团队在Medium 上宣布,Airbnb放弃使用ReactNative,将回归到使用基于原生技术的自有框架开发App。Airbnb表示,尽管很多团队都依赖ReactNative并计......
  • day33-JSON&Ajax01
    JSON&Ajax01JSON在线文档AJAX在线文档1.JSON介绍JSON指的是JavaScript对象表示法(JavaScriptObjectNotation),JSON的本质仍然是JavaScript对象JSON是轻量......
  • Ajax请求
    目录介绍局部刷新案例异步介绍Ajax请求两大特点和优点异步、局部刷新bootcdn中文文档在这个地址可以获jquery局部刷新案例模版<!DOCTYPEhtml><htmllang="en......
  • 云原生架构(一)原理概览
    系列目录云原生架构(一)原理概览云原生架构(二)环境搭建云原生架构(三)简单样例云原生架构(四)源码详解云原生架构(五)总结提高一、行业现状 云原生架构真正进入大众视野要从......
  • 云原生架构学习计划
    一、背景云原生已经是架构师躲不开的一个门槛,有必要拿下。这里列一下博主对云原生的学习之路。也可以给各位同学打个样,找到入门一个架构的方法。二、计划2.1总耗时一......
  • 云原生周刊 | 美国国防部发布零信任战略与路线图
    美国国防部发布了到2027年截止的零信任战略与路线图,总共有45项能力,最终目标是“安全的国防部信息企业”。开源项目推荐ExtismExtism是一个WebAssembly插件实现......
  • C# 发送邮件(带有附件)
    当前所用框架(.NET5.0)引用Nuget包:MailKit(3.2.0)、MimeKit(3.2.0)usingMailKit.Security;usingMimeKit;usingSystem;usingSystem.Net.Mime;namespaceMailbox{......
  • php内置类SoapClient既能发送get传参也能发送post传参
    调用一个SoapClient类的对象的不存在方法时,SoapClient类会发送一个独立的http请求,是独立、纯净的http请求,没有换行覆盖其他数据什么的,只是在请求内部构造正常的换行。 S......
  • 前端知识-05-Ajax
    一、简介AJAX即“Asynchronous Javascript And XML”,是指一种创建交互式网页应用的网页开发技术。AJAX=异步 JavaScript 和 XML(标准通用标记语言的子......
  • 什么是云原生架构?他和传统架构有什么区别
    什么是云原生应用?云原生是一种方法,用于构建和运行充分利用云计算模型优势的应用。云计算不再将重点放在资本投资和员工上来运行企业数据中心,而是提供无限制的按需计算能力......