zoukankan      html  css  js  c++  java
  • jQuery getJSON

    Html代码:
    <script type="text/javascript" src="/js/jquery-1.4.js"></script>
    <script type="text/javascript">
    function jsonTest1()
    {
         $.ajax({       
                    url:
    "Handler.ashx",
                    data:{
    "type":"ajax"},
                    datatype:
    "json",   
                    type:
    "get",
                    success:
    function(data)
                       {     
                        document.getElementById(
    'div1').innerHTML=data;//因为mime类型是文本 所以返回回来的是json格式的字符串
                       }        
                      
                 });
    }

    function jsonTest2()
    {
           $.getJSON(     
                           
    'Handler.ashx',
                           {
    'type''json','name':'qixuejia' },   //类型格式   
                           function(data)
                           {     
                            
    for(var i=0;i<data.length;i++)
                               {
                                alert(data[i][
    "UserId"])
                               }
                           }        
                          
                     );
    }

    </script>
        
    <form id="form1" runat="server">
        
    <div id="div1">    
        
    </div>
        
    <input  type="button" value="jQuery.ajax()" onclick="jsonTest1()"/>
        
    <input  type="button" value="jQuery.getJSON()" onclick="jsonTest2()"/>
        
    </form>

    Ashx处理程序:如果需要返回json格式的对象,需要把mime类型设置为:"application/json"。

    查看jQuery源文件,可以看出getJSON这样实现的:

    getJSON: function( url, data, callback ) {
      return jQuery.get(url, data, callback, "json");
     },

        public void ProcessRequest(HttpContext context)
        {
            
    if (context.Request.Params["type"].Equals("ajax"))
            {
                context.Response.ContentType 
    = "text/plain";
            }
            
    else
            {
                context.Response.ContentType 
    = "application/json";
            }
            GetInfo(context);
        }

        
    public bool IsReusable
        {
            
    get
            {
                
    return false;
            }
        }

        
    public void GetInfo(HttpContext context)
        {
            System.Collections.Generic.List
    <UserInfo> listUser = UserInfoManage.GetUserInfoBySQL("Select Top 5 * From Userinfo");
            IsoDateTimeConverter timeConverter 
    = new IsoDateTimeConverter();     
            timeConverter.DateTimeFormat 
    = "yyyy'-'MM'-'dd' 'HH':'mm':'ss";  
            
    string ResJsonStr = JsonConvert.SerializeObject(listUser, timeConverter);
            context.Response.Write(ResJsonStr);     
        }
  • 相关阅读:
    浏览器屏蔽百度搜索右侧热搜推荐脚本,收拾流氓头子
    js简单代码实现大banner轮播
    jquery回到顶部代码
    jquery实现隔行换色及移入移出效果
    利用:before和:after给段落添加效果的应用实例
    nginx配置文件应对网站攻击采集垃圾蜘蛛的方法总结
    Cygwin统计日志常用代码,欢迎各位大神补全
    原生js鼠标拖拽div左右滑动
    Day 82 VUE——基础
    Day 81 ES6
  • 原文地址:https://www.cnblogs.com/qixuejia/p/1784375.html
Copyright © 2011-2022 走看看