推56论坛

 找回密码
 免费注册(限中文)

QQ登录

只需一步,快速开始

    查看: 1466|回复: 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. 更多技巧请《转发 + 关注》哦!
    复制代码


    本版积分规则

    关闭

    推56站长论坛推荐上一条 /1 下一条

    站长QQ
    在线咨询
    咨询热线
    QQ:405327411

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

    推56论坛(www.tui56.com)站长论坛 网络营销论坛 新手站长论坛 网络推广论坛 外链论坛

    Powered by Discuz! X3.4 Licensed

    ©2001-2013 Comsenz Inc.

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