位置: 编程技术 - 正文

原生JS实现ajax与ajax的跨域请求实例(实现原生的ajax)

编辑:rootadmin

推荐整理分享原生JS实现ajax与ajax的跨域请求实例(实现原生的ajax),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:原生js实现ajax步骤,js原生ajax步骤,原生js实现promise.all,原生js写ajax实现,原生js实现promise.all,原生js使用axios,如何使用原生js实现ajax请求,原生js与jquery,内容如对您有帮助,希望把文章链接给更多的朋友!

一、原生JS实现ajax

第一步获得XMLHttpRequest对象

第二步:设置状态监听函数

第三步:open一个连接,true是异步请求

第四部:send一个请求,可以发送一个对象和字符串,不需要传递数据发送null

第五步:在监听函数中,判断readyState=4&&status=表示请求成功

第六步:使用responseText、responseXML接受响应数据,并使用原生JS操作DOM进行显示

二、ajax的跨域请求

[跨域请求处理]由于在JS中存在同源策略。当请求不同协议名,不同端口号,不同主机名下面的文件时,将会违背同源策略,无法请求成功!需要进行跨域处理!

1、后台PHP进行设置:

前台无需任何设置,在后台被请求的PHP文件中,写入一条header。

2、使用src属性+JSONP实现跨域

原生JS实现ajax与ajax的跨域请求实例(实现原生的ajax)

①拥有src属性的标签自带跨域功能!所以可以使用script标签的src属性请求后台数据

②由于src在加载数据成功后,后直接将加载内容放入到script标签中

所以,后台直接返回JSON字符串将不能在script标签中解析

因此,后台应该返回给前台一个回到函数名,并将JSON字符串作为参数传入

后台PHP文件中返回:

③前台接收到返回的回到函数,将直接在script标签中调用。因此需要声明这样一个回调函数,作为请求成功的回调。

3、JQuery的ajax实现JSONP

① 在ajax请求时,设置dataType为"json"

② 后套返回时,依然需要返回回调函数。但是,ajax在发送请求时会默认使用get请求将回到函数名发给后台,后台可以使用$_GET['callback']取出回调函数名:

③后台返回以后,ajax依然可以用success作为成功的回调函数:

当然后台也可以随便返回一个回调函数名。

前台只要请求成功,就会自动调用这个函数。类似于第2条的②③步

以上这篇原生JS实现ajax与ajax的跨域请求实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

微信小程序实现鼠标拖动效果示例 本文实例讲述了微信小程序实现鼠标拖动效果。分享给大家供大家参考,具体如下:1、效果展示2、关键代码index.wxml文件viewclass="view"style="left:{{left}}px;to

利用babel将es6语法转es5的简单示例 前言Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否

react-navigation 如何判断用户是否登录跳转到登录页的方法 本文介绍了react-navigation如何判断用户是否登录跳转到登录页的方法,分享给大家,也给自己留个笔记,具体如下:新建一个index.jsimportReact,{Component}from'r

标签: 实现原生的ajax

本文链接地址:https://www.jiuchutong.com/biancheng/373309.html 转载请保留说明!

上一篇:JS实现的ajax和同源策略(实例讲解)

下一篇:微信小程序实现鼠标拖动效果示例(微信小程序实现文件上传)

  • 用友t3软件的系统内没有利润表模块
  • 个人所得税劳务报酬范围
  • 货物退回是什么意思
  • 车辆购置税计入成本吗
  • 资金结存科目余额对应
  • 工资算管理费用还是生产成本
  • 什么是资金账簿印花税
  • 会计账簿账目核对要求包括哪些
  • 一般纳税企业委托加工物资支付的增值税
  • 预收购货单位货款
  • 社保和公积金缴费基数怎么算
  • 分公司有法律效力吗
  • 广告制作费属于现代服务吗
  • 公司注销过了公示期不去有问题
  • 从银行贷款转借他人法院如何判
  • 贷款利息支出属于
  • linux 如何查看网卡信息
  • 安全中心总是弹出来
  • 电脑怎么搜索文档
  • 电脑黑屏怎么办主机还是亮的
  • intelin
  • 微软系统管理员账号
  • 公司处理固定资产车辆怎么开发票
  • php解析原理
  • 免租期房产税增值税如何计算
  • php更新数据
  • Win11 Build 22000.348更新补丁KB5007262预览版发布(附更新修复内容汇总)
  • 普通发票主营业务怎么填
  • 实行核定征收印花税的纳税期限为一个月税额较小的
  • 天国拯救晕倒的人多久起来
  • 电子承兑汇票是什么时候开始的
  • 前端布局flex
  • pyecharts怎么用
  • Node.js——http模块和导出共享
  • php 微信公众号自定义菜单
  • 电子税务局没有开票业务
  • 存货盘点调整表怎么做分录
  • 水电费是收据能入账不
  • 个体户开普票有没有完税证明
  • 伪静态html
  • 不走流水开发票可以吗
  • mysqldump -r
  • 织梦模板安装详细教程
  • 建安企业确认收入的依据
  • 欠对方钱对方公司已注销
  • 收回投资收到的现金减少
  • 开发票明目
  • 汇算清缴里的账户是什么
  • 差额征税指的是什么税种
  • 收到供应商的赔偿款要开票吗
  • 土地勘测费收费标准
  • 固定资产清理账户期末有余额吗
  • 一家新成立的贸易企业
  • 作废的支票由谁保管
  • 汇算期间取得以下收入
  • 专票和普票的区别税点差多少
  • 无形资产出资入股的会计处理
  • 原始凭证分割单怎么填写
  • 营业收入和主营业务收入分别在哪看
  • mysql中/g
  • JDBC探索之SQLException解析
  • 图形工具的作用
  • win7开始菜单在哪个文件夹
  • Mac怎么连接扫描仪
  • win8系统如何卸载软件
  • win10关闭系统服务
  • linux isolcpus
  • win7电脑操作日志怎么查看
  • win10搜索设置选项
  • 为了保证系统安全,必须为用户和角色设置密码
  • linux系统怎样
  • Android自定义对话框
  • 批处理统计文件夹内文件大小
  • 批处理命令修改ip
  • ubuntu创建虚拟网卡
  • python字典键值对个数
  • easyui发送ajax请求
  • 广东增值税电子普通发票怎么开
  • 海关进口增值税如何入账
  • 税务稽查人员工作总结
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设