推56论坛

 找回密码
 立即注册(限中文)

QQ登录

只需一步,快速开始

查看: 835|回复: 0

[其他类] ajax套ajax是什么意思(Ajax请求示例代码)

[复制链接]
发表于 2020-7-11 13:12:39 | 显示全部楼层 |阅读模式
  1. ajax请求的五个步骤

  2. 第一步,创建XMLHttpRequest对象

  3. 第二步,注册回调函数

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

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

  6. 第五步,创建回调函数

  7. //第一步,创建XMLHttpRequest对象
  8. var xmlHttp = new XMLHttpRequest();
  9. function CommentAll() {
  10. //第二步,注册回调函数
  11. xmlHttp.onreadystatechange =callback1;
  12. //{
  13. // if (xmlHttp.readyState == 4)
  14. // if (xmlHttp.status == 200) {
  15. // var responseText = xmlHttp.responseText;
  16. // }
  17. //}
  18. //第三步,配置请求信息,open(),get
  19. //get请求下参数加在url后,.ashx?methodName = GetAllComment&str1=str1&str2=str2
  20. xmlHttp.open("post", "/ashx/myzhuye/Detail.ashx?methodName=GetAllComment", true);
  21. //post请求下需要配置请求头信息
  22. //xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  23. //第四步,发送请求,post请求下,要传递的参数放这
  24. xmlHttp.send("methodName = GetAllComment&str1=str1&str2=str2");//"
  25. }
  26. //第五步,创建回调函数
  27. function callback1() {
  28. if (xmlHttp.readyState == 4)
  29. if (xmlHttp.status == 200) {
  30. //取得返回的数据
  31. var data = xmlHttp.responseText;
  32. //json字符串转为json格式
  33. data = eval(data);
  34. $.each(data,
  35. function(i, v) {
  36. alert(v);
  37. });
  38. }
  39. }

  40. 后台方法

  41. private void GetAllComment(HttpContext context)
  42. {
  43. //Params可以取得get与post方式传递过来的值。
  44. string methodName = context.Request.Params["methodName"];
  45. //QueryString只能取得get方式传递过来的值。
  46. string str1 = context.Request.Form["str1"];
  47. //取得httpRequest传来的值,包括get与post方式
  48. string str2 = context.Request["str2"];
  49. List<string> comments = new List<string>();
  50. comments.Add(methodName);
  51. comments.Add(str1);
  52. comments.Add(str2);
  53. //ajax接受的是json类型,需要把返回的数据转给json格式
  54. string commentsJson = new JavaScriptSerializer().Serialize(comments);
  55. context.Response.Write(commentsJson);
  56. }

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

  58. 以上就是ajax请求的五个步骤的详细内容,更多请关注其它相关文章!

  59. 更多技巧请《转发 + 关注》哦!
复制代码


本版积分规则

免责声明|站长论坛 ( 豫ICP备11018337号-5 )

GMT+8, 2020-8-13 22:36

Powered by Discuz! X3.4 Licensed

©2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表