ajax请求json数据并使用js解析它的分析(示例分析)

从接触jquery开始就热爱前端开发，深刻感受到了前端开发的力量和重要性。同时，我也想抱怨一下ASP.NET。事实上，ASP.NET并不臃肿。说它臃肿的只是不懂的人。可能他们看到过一些ASP.NET的低级程序员不断的在页面上拖拽控件，然后发现生成的页面包含了大量的垃圾代码，而且几乎所有的逻辑处理都写在服务器端，这让他们觉得服务器压力太大了。其实刚来ASP.NET的人都会有拖拽控件的习惯，但是深入一点就会发现，ASP.NET的开发模式和其他web开发模式如PHP、jsp是一样的。PHP是html css js PHP语言，而ASP.NET是html css js C#语言。唯一的区别是服务器端语言(对于开发人员来说)。如果你看到ASP.NET是臃肿的，因为它需要的支持。net框架，为什么不说jsp臃肿呢？Jsp还需要java虚拟机的支持！所有的web开发都是基于客户端发送请求-服务器返回数据-客户端重新处理数据的模式。此外，ASP.NET开发模式的优势在于服务器和客户端的代码分离得很好，不需要将服务器——的代码嵌套在html中。当然，现在几乎所有的web开发都采用了这种模式。

太远了。今天我们需要掌握的东西很少，所以我比较喜欢用很少的代码写演示，这样大家都可以轻松掌握(内容有点低级，请绕道)。

让我们构建一个这样的网络项目：

先写客户端的html代码。

表和tr td学生证/td td姓名/td td班次/td td性别/td td电话/TD/tr/表和t body/t body/表输入id=' btnget ' type=' button ' value=' load data '/js code。

$(function () { $('#btnget '))。单击(function () { $)。ajax({ type: 'post '，dataType: 'json '，url: 'data.ashx '，success : function(msg){ var str=' '；for(msg中的I){ str=' trtd ' msg[I]。id '/tdtd' msg[i]。名称“/tdtd”消息[i]。cla '/tdtd' msg[i]。sex '/tdtd' msg[i]。电话'/TD/tr '；} $(“t body”)。追加(字符串)；} });});});为了让桌子看起来更好，让我们定义它的风格。

style type='text/css '表格{ border-collapse:折叠；}表格TD { text-align : center；border: 1px纯灰色；padding: 3px 10px}/style，然后编写服务器返回json数据的代码。

string data='[{ \ ' id ' : ' 2010324268 \ '，\ ' name \ ' 3360 '林宇\ '，\ ' cla \ ' : \ ' 10 software \ '，\' sex。2010324256”，“姓名”:“李思”，“cla”:“10网”，“性”:“女”，”。 \ ' 10 software \ '，\ ' sex \ ' 3360 \ ' male \ '，\ ' tel ' : ' 10086 \ ' }]'；语境。回应.写(数据)；我直接在这里写了json数据。一般来说，您需要从数据库中读取数据，并将其拼凑成json格式，或者您可以使用其他人编写的一些类来序列化json数据。当然，我建议你自己写一个，生成一个类库供以后使用。

如果需要说明什么是json，是一种与xml等数据并列的数据格式，如[{'id':'1 '，' name': '张三'，' age' :' 20'}，{'id' :' 2 '，' name '。

这应该是每个web开发人员应该掌握的基本技术。