js写原生的ajax过程

1.使用原生javascript发送ajax请求的步骤有哪些

1、创建请求 var xhr = new XMLHttpRequest(); 构造函数实例化

2、确定发送方式和地址 xhr.open("get", url, true)

3、发送请求 xhr.send(null);

4、确定后台加载 xhr.onload = function(){}

5、请求返回的数据 xhr.responseText;

2.如何使用原生js实现ajax请求

var url = "${ctx}/sceneView/dataSetPeriod?sceneId="+$("#sceneId").val()+"&dataSetPeriod="+$("#dataSetPeriodIdSelect").val(); //要访问的url地址,?后面的是要带回去的参数 $.ajax({ type : "POST", //设置提交方式 get 或post url : url, //就是上面的url dataType : "json", //提交的数据类型 success : function(msg){ //这个success方法中是你的java类返回的可以用msg点出来,如果要什么提示信息可以在这里设置 } });。

3.原生js写ajax如何获取

// $.get()

var request = new XMLHttpRequest();

request.open('GET', '/my/url', true);

request.onload = function() {

if (request.status >= 200 && request.status < 400) {

// Success!

var resp = request.responseText;

} else {

// We reached our target server, but it returned an error

}

};

request.onerror = function() {

// There was a connection error of some sort

};

request.send();

// $.post()

var request = new XMLHttpRequest();

request.open('POST', '/my/url', true);

request.setRequestHeader('Content-Type', 'application/x- Explorer xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ xml元素事件触发的函数

var myXMLHttpRequest = null;

if (window.ActiveXObject) {

myXMLHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");

} else {

myXMLHttpRequest = new XMLHttpRequest();

}

var url = "xxx.php";

var data = "key=val"; //val一般是从某个html元素中取出的value值

myXMLHttpRequest.open("post", url, true);

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

myXMLHttpRequest.onreadystatechange = function(){

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

var res = myXMLHttpRequest.responseText;

var jsonObj = eval("("+res+")");

//接下来就可以使用jsonObj这个json对象取出其中的属性值,做一些修改html元素value值等操作了。

}

}

myXMLHttpRequest.send(data);

}

</script

7.原生JS怎么异步请求实现Ajax

来来来 现场给你封一个ajax

function ajaxGet(url){

var xhr=new XMLHttpRequest();

xhr.open('GET',url);

xhr.send();

var promise=new Promise(function(resolved,rejected){

xhr.onload=function(){

if(xhr.status===200){

resolved(xhr.response);

}else{

rejected("请求失败,错误码为:"+xhr.status);

}

}

})

return promise;

}

js写原生的ajax过程

转载请注明出处JS代码网 » js写原生的ajax过程

资讯

js中function函数的用法

阅读(6)

本文主要为您介绍js中function函数的用法,内容包括javascript中function方法,jsfunction定义函数的几种方法,javascript中的function用法。var asd=new Class("a");//你能new得出来?你new的对象就不是一个类你怎么去new?继承的话给你个例子var

资讯

js中单选框的值

阅读(6)

本文主要为您介绍js中单选框的值,内容包括javascript单选框取值,如何用js得到单选框的值,javascript单选框取值。radio要用name属性来获得值<br><input type="radio" name="radiobutton" value="a

资讯

js取数字的绝对值

阅读(5)

本文主要为您介绍js取数字的绝对值,内容包括javascript怎么取绝对值,怎样用javascript取数值,javascript的字符串转换问题有如下字符串:"if(0==。Abs 函数 返回数的绝对值。 And 运算符 执行两个表达式的逻辑连接。 Array 函数 返回含一数

资讯

js中的变量能缓存吗

阅读(5)

本文主要为您介绍js中的变量能缓存吗,内容包括JS能缓存页面么,如何设置JSCSS图片等静态资源的缓存过期时间?,js中,var修饰变量名,它可有可无吗?。在header中给静态内容添加一个较长的过期时间,这样可以使用户今后访问只读取缓存中的文件,而不

资讯

js中变量作用域的特性

阅读(5)

本文主要为您介绍js中变量作用域的特性,内容包括js变量作用域,JavaScript中变量的作用域是怎样的?为什么变量可以先使用再声明,什么是JavaScript的变量作用域。用cookie存取全站公共变量是最方便的。function set_cookie(name,value){ docu

资讯

js修改div下的iframe

阅读(3)

本文主要为您介绍js修改div下的iframe,内容包括JavaScript如何修改页面中iframe的属性值,js怎样修改iframe的属性值,如何实现iframe的形式?用div,dom,js..如何实现i。页面一刷新,所有JS对页面做的修改都会恢复的,如果楼主想让浏览器记住JS设

资讯

js新增的ngclick

阅读(7)

本文主要为您介绍js新增的ngclick,内容包括ngclick点击事件js怎样触发,XHTML+JS中事件处理函数如何可带参数?比如我用HTMLDO爱问知,JavaScript中事件处理的过程有哪三个环节.?JavaSc。第一阶段:HTML事件处理阶段。就是在元素里面添加onclick

资讯

js中获取和赋值的区别

阅读(6)

本文主要为您介绍js中获取和赋值的区别,内容包括HTMLJS取值和赋值,js解构赋值中,()与{}有什么区别,在asp中怎样获取js的值,并且赋值给变量<script?。简单理解:解构赋值的意思是对应的位置,对应的 key 自动赋值。使用 () 还是 {},要看你定义的函

资讯

目前js最火的框架

阅读(7)

本文主要为您介绍目前js最火的框架,内容包括目前js热门主流框架?,现在的JavaScript的框架都有那些,最流行的有那些啊用的最多的有,JS框架?。Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools .

资讯

js的监听函数(JS如何实现方法监听?)

阅读(5)

本文主要为您介绍js的监听函数,内容包括JS如何实现方法监听?,JS如何实现方法监听?,javascript事件监听。监听方法在js中的实现如下:function addEventListener(string eventFlag, function e

资讯

函数中的变量js(js如何使用函数中的变量)

阅读(6)

本文主要为您介绍函数中的变量js,内容包括js如何使用函数中的变量,js在函数内部声明的变量叫什么,js函数名存为变量,见例子。js中,如果在方法内声明的变量,那么这个变量就是局部变量,只能在当前方法函数中调用如果是在方法外声明的变量,那么这

资讯

js中function函数的用法

阅读(6)

本文主要为您介绍js中function函数的用法,内容包括javascript中function方法,jsfunction定义函数的几种方法,javascript中的function用法。var asd=new Class("a");//你能new得出来?你new的对象就不是一个类你怎么去new?继承的话给你个例子var

资讯

js中单选框的值

阅读(6)

本文主要为您介绍js中单选框的值,内容包括javascript单选框取值,如何用js得到单选框的值,javascript单选框取值。radio要用name属性来获得值<br><input type="radio" name="radiobutton" value="a

资讯

js取数字的绝对值

阅读(5)

本文主要为您介绍js取数字的绝对值,内容包括javascript怎么取绝对值,怎样用javascript取数值,javascript的字符串转换问题有如下字符串:"if(0==。Abs 函数 返回数的绝对值。 And 运算符 执行两个表达式的逻辑连接。 Array 函数 返回含一数

资讯

js中的变量能缓存吗

阅读(5)

本文主要为您介绍js中的变量能缓存吗,内容包括JS能缓存页面么,如何设置JSCSS图片等静态资源的缓存过期时间?,js中,var修饰变量名,它可有可无吗?。在header中给静态内容添加一个较长的过期时间,这样可以使用户今后访问只读取缓存中的文件,而不

资讯

js中变量作用域的特性

阅读(5)

本文主要为您介绍js中变量作用域的特性,内容包括js变量作用域,JavaScript中变量的作用域是怎样的?为什么变量可以先使用再声明,什么是JavaScript的变量作用域。用cookie存取全站公共变量是最方便的。function set_cookie(name,value){ docu

资讯

js修改div下的iframe

阅读(3)

本文主要为您介绍js修改div下的iframe,内容包括JavaScript如何修改页面中iframe的属性值,js怎样修改iframe的属性值,如何实现iframe的形式?用div,dom,js..如何实现i。页面一刷新,所有JS对页面做的修改都会恢复的,如果楼主想让浏览器记住JS设

资讯

js新增的ngclick

阅读(7)

本文主要为您介绍js新增的ngclick,内容包括ngclick点击事件js怎样触发,XHTML+JS中事件处理函数如何可带参数?比如我用HTMLDO爱问知,JavaScript中事件处理的过程有哪三个环节.?JavaSc。第一阶段:HTML事件处理阶段。就是在元素里面添加onclick

资讯

js的encode使用

阅读(3)

本文主要为您介绍js的encode使用,内容包括jsencode怎么用,jsencode怎么用,js高手请来,帮我看看这段代码是怎么做的?<scriptl。手机串号,如同手机的身份证,每部机子的 IMEI 号都是惟一的,一般说来可以由此来判断一部机子是否为正品。 判别方法