如何使用ajax将json传入后台数据

只需要后台给前端一个介绍json数据的接口，然后前端使用ajax就可以通过接口将json数据出入后台。

工具原料：编辑器、浏览器

1、首先前端将传送给后台的数据构造成json格式，然后使用ajax直接将数据传输给接口即可，简单的代码示例如下：

$.ajax({

type:"post",//设置方式

url:"test.php",//接口的地址

data:{"name":"tom","age":"20"},

success:function(data){

//data为成功后后台返回的数据

}

})

2、浏览器开发者中可以看到数据发送情况。

首先要把接受到的json格式字符串 转化为json对象。那你可以这样：

①如果用jquery的ajax，只需要指定接受字符串的dateType为 json，这时候的实参data就已经是js对象了。

②如果不用jquery的ajax，直接执行eval（如三楼采用的：

var jsonObj =

eval(jsonStr)

eval 本身的作用就是执行字符串 ）。

③还有就是parseJSON()和parse()这俩方法了（貌似需要浏览器支持，或者引入JSON2.js）。

得到了 对象一切就好说了。如果是数组格式（比如后端的json是根据ArrayList序列化来的）可以像 *** 做数组一样直接根据index取得相应数据。如果是键值对（后端是map序列化成的标准json格式

） 那就直接key.value就能取得相应数据了。

1、通过class取到<table class="easyui-datagrid" title="" style="width: 100%height: 250px">这一层的dom元素（假如这个dom叫tableDom吧）

var tableDom = $('easyui-datagrid')

2、for循环你data里面的list数组(假如data里面有个叫做list的存表格数据)

var html = '<tr>'

var list = data.list

for (var i = 0, len = list.length i < len i++) {

    html += '<td ..>' // 略哈。。总之这里就是要想办法把表格中数据拼出来, 和html里面的结构一样

}

html += '</tr>'

3、塞进tableDom就行

tableDom.html(html)

这是比较常规的做法。

---