JSON

ASP.NET不拖控件教程(1)-认识JSON

字号+ 作者:H5之家 来源:H5之家 2017-01-24 17:00 我要评论( )

ASP.NET不拖控件教程(1)-认识JSON,我讲讲脱离ASP.NET控件必备的一步,JSON和使用JQuery获取JSON吧!高手跳过,写给学习中的人的。这篇帖子是假设你会使用JQuery

正文

我讲讲脱离ASP.NET控件必备的一步,JSON和使用JQuery获取JSON吧!

高手跳过,写给学习中的人的。这篇帖子是假设你会使用JQuery(JQ这么普及,应该不至少没学过吧!真没学过以后再开帖讲罗)

什么是JSON?

来自W3School的解释:

JSON 指的是 JavaScript 对象表示法(JavaScriptObjectNotation) JSON 是轻量级的文本数据交换格式 JSON 独立于语言* JSON 具有自我描述性,更易理解

不用说的太罗嗦,直白的解释就是一段文本,可以用来表示一段结构,类似C#和JAVA的类,不过就是值都带上去了。可以看一段JSON示例:

var JSONObject= {"name":"林大叔", "street":"福州市X区XX路88号", "age":29, "phone":"18933883388"};

需要调用的时候,直接:JSONObject.name,可以得出“林大叔”。

JSON的好处就是读取起来比XML快,现在基本上Ajax交互数据全靠JSON了。注意JSON中间的“名称/值”对,格式是:名称:值,是半角的冒号。

好了,JSON讲完了,单个实体的话它真的就这些内容,但是怎么用?不说怎么用的话只讲JSON不是找骂?

那就讲讲使用JQuery获取JSON吧,假设我们的数据获取地址为:api.aspx,再假设你直接访问api.aspx获取到的一串字符串就是上面我们定义的JSON。那么:

var url='api.aspx';
$.getJSON(url, function (data) { $("#txtName").val(data.name); $("#txtAge").val(data.age); });

后面那个function代表获取成功后执行的函数,也就是说,当我获取数据成功后,data也就是获取到的JSON字符串,这时候直接根据定义的名称,可以取得值。

没有异步概念的同学这里要注意,由于获取数据需要时间,这里就有个异步的概念,也就是说后面那个function是等到数据返回的时候才会执行的,也就是需要等待,具体需要多久时间,看运行环境而定。

有了以上示例,大家可以发挥想像了。

比如说:以前在ASP.NET中,做个某个内容的详细页(比如说学生信息详细,原谅我用这么土的例子)。一般方法是:做一个StudentInfo.aspx页,拖几个控件,根据传入的Id,到数据库获取详细信息,然后在Page_Load的时候,将值绑定到控件。

有了以上方法后,基本上可以不用服务端控件了吧!可以全部用HTML标签。将数据呈现在某个地址里,详细页通过JQuery去取JSON数据,取到后给HTML标签赋值就好了。

至于怎么取列表数据、怎么或插入数据。这些以后再开帖说。祝学ASP.NET的同学,早日摆脱只会拖控件。

我附上做的一个例子源代码,下一次我们来讲在服务端生成JSON。



 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Json学习笔记(二)

    Json学习笔记(二)

    2017-01-24 17:00

  • spring-webmvc-4.1.6 接口返回json数据中文出现u0000问题

    spring-webmvc-4.1.6 接口返回json数据中文出现u0000问题

    2017-01-24 16:03

  • php获取JSON值的问题

    php获取JSON值的问题

    2017-01-24 09:01

  • 程序编程网

    程序编程网

    2017-01-24 08:03

网友点评