原生ajax请求的五个步骤

//第一步，创建XMLHttpRequest对象
var xmlHttp = new XMLHttpRequest();
function CommentAll() {//第二步，注册回调函数xmlHttp.onreadystatechange =callback1;//{//    if (xmlHttp.readyState == 4)//        if (xmlHttp.status == 200) {//            var responseText = xmlHttp.responseText;//        }//}//第三步，配置请求信息，open(),get//get请求下参数加在url后，.ashx?methodName = GetAllComment&str1=str1&str2=str2xmlHttp.open("post", "/ashx/myzhuye/Detail.ashx?methodName=GetAllComment", true);//post请求下需要配置请求头信息//xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//第四步，发送请求,post请求下，要传递的参数放这xmlHttp.send("methodName = GetAllComment&str1=str1&str2=str2");//"

}
//第五步，创建回调函数
function callback1() {if (xmlHttp.readyState == 4)if (xmlHttp.status == 200) {//取得返回的数据var data = xmlHttp.responseText;//json字符串转为json格式data = eval(data);$.each(data,function(i, v) {alert(v);});       }
}//后台方法private  void GetAllComment(HttpContext context){//Params可以取得get与post方式传递过来的值。string methodName = context.Request.Params["methodName"];//QueryString只能取得get方式传递过来的值。string str1 = context.Request.Form["str1"];//取得httpRequest传来的值，包括get与post方式string str2 = context.Request["str2"];List<string> comments = new List<string>();comments.Add(methodName);comments.Add(str1);comments.Add(str2);//ajax接受的是json类型，需要把返回的数据转给json格式string commentsJson = new JavaScriptSerializer().Serialize(comments);context.Response.Write(commentsJson);}

上面是代码，那简单总结下如下，要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤:

(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象.

(2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.

(3)设置响应HTTP请求状态变化的函数.

(4)发送HTTP请求.

(5)获取异步调用返回的数据.

(6)使用JavaScript和DOM实现局部刷新.

转载于:https://www.cnblogs.com/LWWTT/p/11084597.html

原生ajax请求的五个步骤相关推荐

jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
jqueryajax AJAX是与服务器交流数据的艺术,它在不重载全部页面的情况下,完成了对部分网页的更新. jQueryAJAX实例请点击下面的按钮,经过jQueryAJAX改变这段文本. 获得外 ...
ajax请求的五个步骤_监控整个页面，非AJAX，需要通知
ajax请求的五个步骤最近,在JSF中开发新图表和图表"导出服务"时,我遇到了一个非常普遍的问题. 当您执行长时间运行的任务(操作)时,您希望在开始时显示状态"请稍候- ...
ajax请求的步骤,ajax请求的五个步骤
ajax请求的五个步骤第一步,创建XMLHttpRequest对象第二步,注册回调函数第三步,配置请求信息,open(),get 第四步,发送请求,post请求下,要传递的参数放这第五步,创建 ...
Ajax请求的五个步骤
目录 Ajax请求的五个步骤一.定义 1.什么是Ajax 2.同步与异步的区别 3.ajax的工作原理二.实现AJAX的基本步骤 1.创建XMLHttpRequest对象 2.创建HTTP请求 3 ...
html ajax请求怎么用,如何使用ajax，ajax请求的五个步骤
有很多童鞋,在WEB前端面试的时候,常会被Ajax问题难住,其实Ajax没有你们理解的那么难,现在源码时代H5学科讲师带着大家重新来回顾一下知识点:随便再给大家普及一下小常识,今天咱们聊的就是怎么快速 ...
ajax发送异步请求四个步骤,深入理解ajax异步请求的五个步骤（详细代码）
在前端工作中,经常会用到ajax,其实很多人只知道ajax是异步请求,不知道应该如何用它,它的基本步骤有哪些,ajax请求过程是怎样的?接下来这篇文章就给大家介绍Ajax的请求步骤,以及ajax请求步 ...
原生ajax请求的封装
原生ajax请求的封装原生ajax请求分为四步: 1.创建请求对象判断浏览器的兼容问题 ie浏览器:window.ActiveXObject 常用浏览器:window.XMLHttpRequest ...
原生ajax请求及readyState的几种状态
原生ajax请求写法: var http = new XMLHttpRequest();http.open('get','./package.json');http.onreadystatechang ...
原生ajax请求时出现xhr.status==0及POST请求无响应问题
用原生ajax请求时发现xhr.status == 0,于是找了好久,竟然发现是绑定事件的元素不是我点击的元素.参考以下资源 AJAX问题之XMLHttpRequest status = 0 xhr. ...

原生ajax请求的五个步骤

原生ajax请求的五个步骤相关推荐

最新文章

热门文章