.ajax get 写法,原生Ajax写法(GET)

.ajax get 写法,原生Ajax写法(GET)ajax的GET提交方式的原生代码:varxhr=null;if(window.XMLHttpRequest){xhr=newXMLHttpRequest();}elseif(window.ActiveXObject){xhr=newActiveXObject()}else{xhr=null;}if(xhr){xhr.open(‘GET’,’../data/data.jso…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

ajax的GET提交方式的原生代码:

var xhr = null;

if(window.XMLHttpRequest){

xhr = new XMLHttpRequest();

}else if(window.ActiveXObject){

xhr = new ActiveXObject()

}else{

xhr = null;

}

if(xhr){

xhr.open(‘GET’,’../data/data.json’);

xhr.onreadystatechange = function(){

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

alert(eval(“(“+xhr.responseText+”)”).result);

xhr = null;

}

}

xhr.send(null);

}

XMLHttpRequest() 这个对象可以在不重新加载页面的情况下从后台获取数据,支持的浏览器有IE7+、Firefox、Chrome、Safari 以及 Opera

ActiveXObject(“Microsoft.XMLHTTP”) 这个对象是针对老式ie浏览器的

onreadystatechange事件 当readyState的值发生改变时触发此事件

open() 这个方法有三个参数,open(“提交方式 get/post”,”资源的地址”,异步或者同步 true/false);

readyState 准备状态

0 (未初始化)对象已建立,但是尚未初始化(尚未调用open方法)

1(初始化)已调用send()方法,正在发送请求

2(发送数据)send()方法调用完成,但是当前的状态及http头未知

3(数据传送中)已接收部分数据,因为相应及http头不全,这时通过responseText获取部分数据会出现错误

4(完成)数据接收完成,此时可以通过responseText获取完整的数据

status 请求状态

200(成功)

404(没有发现文件)

500(服务器内部错误)

responseText 请求成功后获取数据

原生ajax写法

ajax1.0,ie9及以下,ie10+支持ajax2.0 ajax2.0比ajax1.0: 1.多了FormData对象,xhr.send(formData)  //不能用GET 2.文件上传,文件 …

JS 原生ajax写法

//step1.创建XMLHTTPRequest对象,对于低版本的IE,需要换一个ActiveXObject对象 var xhr; if (window.XMLHttpR …

原生ajax与封装的ajax使用方法

当我们不会写后端接口来测试ajax时,我们可以使用node环境创建一个本地服务器. 1.创建一个本地服务器可参考http://www.cnblogs.com/heyujun-/p/6793900.ht …

原生ajax 和jquery ajax 个人总结

AJAX:即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. 通过在后台 …

ASP.NET学习笔记(5)——原生Ajax基本操作

说明(2017-11-4 15:32:49): 1. 回北京后又快一个月了,上次在家写的下回预告,到底是没把加水印写完,而且这次也不想写.. 2. 上次许的愿,十月份看完asp.net,已经泡汤了,翻 …

原生Ajax

使用原生Ajax 验证用户名是否被注册 创建出注册信息:

注册信息

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/187478.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 面试题:线程池处理流程 没用

    面试题:线程池处理流程 没用

    2022年4月2日
    18
  • Head First Java(中文版)

    Head First Java(中文版)网站更多书籍点击进入>>CiCi岛下载电子版仅供预览及学习交流使用,下载后请24小时内删除,支持正版,喜欢的请购买正版书籍电子书下载(皮皮云盘-点击“普通下载”)购买正版封页编辑推荐★第14届Jolt大奖的参赛图书。  ★《HeadFirstJava》使纸质图书成为了你所见过的*接近GUI的事物,使学习Java成为一种风尚。  ★Java技术无所不在——如果…

    2022年7月7日
    28
  • 一个对文本内容进行排序的小程序的核心代码

    一个对文本内容进行排序的小程序的核心代码

    2022年3月12日
    38
  • atm异步传输模式特性_ATM是什么模式

    atm异步传输模式特性_ATM是什么模式AsynchronousTransferMode.  ATM是一种传输模式,在这一模式中,信息被组织成信元,因包含来自某用户信息的各个信元不需要周期性出现,这种传输模式是异步的。   ATM是网络新技术,它采用基于信元的异步传输模式和虚电路结构,根本上解决了多媒体的实时性及带宽问题。实现面向虚链路的点到点传输,它通常提供155Mbps的带宽。它既汲取了话务通讯中电路交换的“有连接”服务

    2022年9月21日
    0
  • 幼儿绘本-套装

    幼儿绘本-套装书名出版社出版时间定价团价聪明豆绘本系列第1辑6本《聪明豆绘本系列第1辑:咕噜牛》2014-1-125.030.0《聪明豆绘本系列第1辑:咕噜牛小妞妞》2014-1-125.0《聪明豆绘本系列第1辑:女巫扫帚排排坐》2014-1-125.0《聪明豆绘本系列第1辑:小房子变大房子》2014

    2022年7月27日
    1
  • 建立access数据库的两种方法_e4a上传数据到数据库

    建立access数据库的两种方法_e4a上传数据到数据库本章内容 ◆数据库的设计概念与创建数据库。◆表的创建及表与表之间的关系。◆数据库的修改、设计与编辑。  一、数据库的设计 1.概念及准则 下面介绍数据库设计的概念,及由此而产生的数据库设计准则。Access2003数据库是所有相关对象的集合,包括表、查询、窗体、报表、宏、模块、Web页等。每一个对象都是数据库的一个组成部分,其中,表是数据库的

    2022年9月13日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号