前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ajax请求的五个步骤java_ajax请求的五个步骤

ajax请求的五个步骤java_ajax请求的五个步骤

作者头像
全栈程序员站长
发布2022-08-30 09:16:12
5400
发布2022-08-30 09:16:12
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

46a074aa726a91b7b00acef9ac69f226.png
46a074aa726a91b7b00acef9ac69f226.png

ajax请求的五个步骤

第一步,创建XMLHttpRequest对象

第二步,注册回调函数

第三步,配置请求信息,open(),get

第四步,发送请求,post请求下,要传递的参数放这

第五步,创建回调函数//第一步,创建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=str2

xmlHttp.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 comments = new List();

comments.Add(methodName);

comments.Add(str1);

comments.Add(str2);

//ajax接受的是json类型,需要把返回的数据转给json格式

string commentsJson = new JavaScriptSerializer().Serialize(comments);

context.Response.Write(commentsJson);

}

本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的JavaScript视频教程栏目!

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年5月1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档