怎么把json返回的数据显示到html页面上？

把json返回的数据显示到html页面上的代码如下：

html中写姓名：<span id="username"></span>

js中写：

$(function () {

$.ajax({

type: "post",

url: "你后台返回json的页面地址",

dataType: "json",

data: {"operation":"getsiteroomname","bigcatid":bigcatid},//传递到后台页面的参数，没有就不要了

contentType: "application/x-www-form-urlencodedcharset=utf-8",

success: function(data) {

console.log(data)//将返回的值打印出来看看，然后你就知道怎么用了，可能如data.username

var xm=data.username

$("#username").text(xm)

},

error: function (XMLHttpRequest, textStatus, errorThrown) {

alert('系统错误，联系管理员')

}

})

}

知识延展：

超文本标记语言， 标准通用标记语言下的一个应用。

“ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。

超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体内容。

要么就直接返回html，也就是Ajax的 dataType:"html"，要么就如下格式返回json HTML

{

    "status": 200,

    "html": "<a href='javascript:void(0)'>测试html</a>"

}

JSON在线解析数据来自工具：

http://www.sojson.com/

1 检查一下浏览器获取到的有没有带html标签。

2 很大可能是你没有把参数带过去，导致访问的时候报错或出错跳转到html页面，也有可能是权限判断，没有权限就跳转到登陆界面，还有一种可能是测试的时候手机wifi自动连接到了CMCC之类的，导致所有访问都跳转到CMCC的登陆页。

把访问的url和参数，访问获取的内容打印出来，在log看一下是怎么样的。

---