Jquery Step00-$.Ajax Json

来源：互联网发布：红米3s刷机后没4g网络编辑：程序博客网时间：2024/04/30 16:24

1.json :Newtonsoft.Json http://files.cnblogs.com/ie421/Json20.zip

2.js:jQuery

3.服务器端:ashx

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";

string method = context.Request.Params["m"];

            if(method=="test")
                context.Response.Write(GetPersonListJosnString_2());
        }

返回:{"ID":1,"FirstName":"肖","LastName":"永志"}

4.前台页面接收

    $(document).ready(function(){
        $.getJSON("/ashx/Ajax.ashx",{m:"test"},function(json){
            $.each(json,function(i,item){
                $("#test").append(item.ID+"."+item.FirstName+"<br/>");
            })
        })
    });

$(document).ready(function(){
        $.getJSON("/ashx/Ajax.ashx",{m:"test"},function(json){

            var tb=$("#tb_name_list");
            tb.find("tr").each(function(i){ //清空表,保留第一行
                if (i>0) $(this).remove();
            });

            $.each(json,function(i,item){
                var tr="<tr><td>"+item.ID+"</td><td>"+item.FirstName+"</td><td>"+item.LastName+"</td></tr>";
                tb.append(tr);
            })
        })
    });