JS代码网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代码网 » js写原生的ajax过程