JSON传送数据格式

概念

  • JSON是一种轻量级的数据交换格式,采用独立于语言的文本格式,通常用于在客户端和服务器之间传递数据。

作用

  • 通过JSON可以前后端传递数据,每个语言都可以被使用。

优点

  • 轻量级交互语言

  • 结构简单

  • 易于解析

语法

var 变量名={name1:value,name2:value}

JSON的定义及解析

一个对象时

  //定义一个对象时
  var book={"title":"java开发之JavaWeb编程","author":"不知名作者","press":"北大青鸟"};
  //往元素中追加,直接变量名.name
  $("#objbook").append("title:"+book.title+",author"+book.author+",press"+book.press);

存储数组的多个对象时

//定义多个对象时 
var bookArray=[
                 {"title":"java开发之面向对象编程","author":"不知名作者","press":"北大青鸟"},
                 {"title":"java开发之数据库编程","author":"不知名作者","press":"北大青鸟"},
                 {"title":"java开发之JavaWeb编程","author":"不知名作者","press":"北大青鸟"},
             ];
//解析多个对象
$(bookArray).each(function (){
  $("table").append("<tr><td>"+this.title+"</td><td>"+this.author+"</td><td>"+this.press+"</td></tr>")
})

JSON与Ajax的交互

$.ajax()通过属性dataType来定义传递数据的格式。

示例如下:

 $.ajax({
    url:"/Student?op=delete&id="+id,
    type:"get",
    dataType:"json",
    success:function (data){
      if(data.status == 1)
      {
               alert(data.message)
                 //无刷新
               $(obj).parents("tr").remove();
        }else{
                alert(data.message);
               } 
             }
    })

   success回调函数中的参数data可以获取JSON从后台传递过来的数据,直接使用.名的方式可以获取值。

注意

  1. 在后台写JSON响应数据时,要使用\\转译为""

  2. 如果后台没有将数据写成JSON格式,前台的dataType是JSON格式的话,它照样可以获取到值,因为JSON只是一个定义的格式,不一定要根据格式实现,前后台定义的值还是可以比较并拿到的。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值