• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

jQuery调用json代码片段示范

JavaScript 水墨上仙 1854次浏览

jQuery调用json代码片段演示

<script type="text/javascript">
    $(function () {
                $("#btnOK").click(function () {
                    $.ajax({
                        type: "post",   //访问WebService使用Post方式请求                   
                        //contentType: "application/json",
                        dataType: "json",
                        url: "/Application/WenDaHandler.ashx",
                        data: {type:"g"},
                        error: function (XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); },
                        success: function (data, textStatus) {
                            if (data != null) {
                                var con = "";
                                var tb = "<Table>";
                                for (var i = 0; i < data.length; i++) {
                                    tb += "<tr><td>" + data[i].UserName + "提问:" + data[i].PostTitle + "十分钟前" + data[i].LastReplyLink+ "</td></tr>";
                                }
                               // alert(tb);
                                tb = tb + "</table>";
                                $("#divContent").html(tb);
                            }
                            else {
                                alert(textStatus);
                                alert("msgisnull");
                            }
                        }
                    });
                });
                $("#btnOK").click(function () {
                    $.getJSON("/Application/WenDaHandler.ashx", { type: "g" }, function (arrs) {
                        var tb = "<Table>"; alert(tb);
                        $.each(arrs, function (i, item) {
                            tb += "<tr><td>" + item.UserName + "提问:" + item.PostTitle + "十分钟前" + item.LastReplyLink + "</td></tr>";
                        });
                        tb += "</Table>"; 
                        $("#divContent").html(tb);
                    });
                });
 
    });  
</script>


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明jQuery调用json代码片段示范
喜欢 (0)
加载中……