本文摘自PHP中文网,作者angryTom,侵删。
ajax请求的五个步骤
第一步,创建XMLHttpRequest对象
第二步,注册回调函数
第三步,配置请求信息,open(),get
第四步,发送请求,post请求下,要传递的参数放这
第五步,创建回调函数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | var xmlHttp = new XMLHttpRequest();
function CommentAll() {
xmlHttp.onreadystatechange =callback1;
xmlHttp.open( "post" , "/ashx/myzhuye/Detail.ashx?methodName=GetAllComment" , true);
xmlHttp.send( "methodName = GetAllComment&str1=str1&str2=str2" );
}
function callback1() {
if (xmlHttp.readyState == 4)
if (xmlHttp.status == 200) {
var data = xmlHttp.responseText;
data = eval (data);
$.each(data,
function (i, v) {
alert(v);
});
}
}
|
后台方法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | private void GetAllComment(HttpContext context)
{
string methodName = context.Request.Params[ "methodName" ];
string str1 = context.Request.Form[ "str1" ];
string str2 = context.Request[ "str2" ];
List<string> comments = new List<string>();
comments.Add(methodName);
comments.Add(str1);
comments.Add(str2);
string commentsJson = new JavaScriptSerializer().Serialize(comments);
context.Response.Write(commentsJson);
}
|
本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的JavaScript视频教程栏目!
以上就是ajax请求的五个步骤的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
ajax的url路径怎么写?
js不跳转传值php
ajax 如何实现 excel 报表导出?
html页面怎么跟php文件连接
ajax实现简单登录页面详解
ajax如何实现excel报表导出
实例讲解h5移动开发ajax上传多张base64格式图片到服务器
css中id选择器和class选择器有何不同
javascript如何实现ajax
javascript向php传递中文乱码怎么办
更多相关阅读请进入《ajax》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » ajax请求的五个步骤