完整的ajax

Posted 斐雪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了完整的ajax相关的知识,希望对你有一定的参考价值。

error:
服务器连接不上,或是返回内容有错误,就走这里
通常可以使用这玩意排错
beforeSend:
ajax一执行,就立马执行这个方法

complete:
ajax里的success或是error执行完毕,立马执行这里

跳转界面:window.location.href="";

三级联动小练习:

html

<select id="sel1">
        <option>加载中...</option>
    </select><select id="sel2">
        <option>加载中...</option>
    </select><select id="sel3">
        <option>加载中...</option>
    </select><script type="text/javascript">
        city($("#sel1"), "0001", 1);

        $("#sel1").change(function () {
            city($("#sel2"), $("#sel1").val(), 2);
        });

        $("#sel2").change(function () {
            city($("#sel3"), $("#sel2").val(), 3);
        });

        function city(sel, code, count) {
            $.ajax({
                url: "Ashxs/bbbb.ashx",
                data: { "code": code },
                type: "post",
                dataType: "json",
                success: function (data) {
                    sel.empty();
                    for (i in data) {
                        sel.get(0).add(new Option(data[i].name, data[i].code));
                    }
                    if (count == 1)
                    {
                        aaaa($("#sel2"), $("#sel1").val(),2);
                    }
                    if (count == 2)
                    {
                        aaaa($("#sel3"), $("#sel2").val(), 3);
                    }
                }//success
            });//ajax
        }//封装方法

    </script>

一般处理程序

   datauserDataContext con = new datauserDataContext();

    public void ProcessRequest(HttpContext context)
    {
        string end = "[";
        int count = 0;

        string code = context.Request["code"];

        List<ChinaStates> list = con.ChinaStates.Where(r => r.ParentAreaCode == code).ToList();

        if (list.Count > 0)
        {
            foreach (ChinaStates c in list)
            {
                if (count <= 0)
                {
                    end += "{\"name\":\"" + c.AreaName + "\",\"code\":\"" + c.AreaCode + "\"}";
                }
                else
                {
                    end += ",{\"name\":\"" + c.AreaName + "\",\"code\":\"" + c.AreaCode + "\"}";
                }
                count++;
            }
        }

        end += "]";
        context.Response.Write(end);
    }

 

以上是关于完整的ajax的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段15——git命令操作一个完整流程

VSCode自定义代码片段15——git命令操作一个完整流程

AJAX相关JS代码片段和部分浏览器模型

带有片段的 Android Up 按钮未显示完整片段

Javascript代码片段在drupal中不起作用

Ajax 帖子的成功部分无法在完整日历代码中运行