ajax请求的五个步骤


本文摘自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

//第一步,创建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);

                });      

        }

}

后台方法

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

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);

        }

本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...