ajax 返回json数据操作

例子:

 1  $.ajax({
 2                 url: "<?=Url::toRoute(‘add-all-staff‘)?>",
 3                 type: ‘get‘,
 4                 dataType: ‘json‘,
 5                 success: function (data) {
 6                     if (data) {
 7                         var Element = $(".staff_names");
 8                         var user_ids = [];
 9
10                         for (var key in data) {
11                             Element.append(‘<li data-id="‘ + data[key].user_id + ‘">‘ + data[key].name + ‘</li>‘);
12                             user_ids.push(data[key].user_id);
13                         }
14                         $("#staff_ids").val(user_ids.join(‘,‘));
15                     }
16                 },
17                 error: function () {
18                 }
19             });

当返回的数据key为数字的时候,只能用这种访问形式 :data[key].user_id ,key 为字符串的时候 :data.key.name形式访问。

join

用指定间隔符连起来,把数组转为字符串

var a = [‘a‘,‘b‘,‘c‘,‘d‘,‘e‘,‘f‘,‘g‘];
lert(a.join(","));  // -> a,b,c,d,e,f,g 相当于a.toString()
alert(a.join(" x ")); // -> a x b x c x d x e x f x g
时间: 2024-10-21 06:19:45

ajax 返回json数据操作的相关文章

jquery实现ajax,返回json数据

jquery实现ajax可以调用几种方法 我经常用的是$get(url,data,callback,type)方法 其中url是异步请求的页面(可以是.ashx文件),data是参数,callback是回调函数,而type是返回数据的类型.type有xml,html,json,text等. 首先,页面引用jquery.js 在页面写ajax处理的js函数 1 2 3 4 5 6 7 8 9 10 11 12 13 function initMeeting() {             $.ge

ajax返回json数据

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Ajax json test</title> <script language="

C# Ajax 返回json数据--前后台交互

本人实习生一枚,遇到这个问题,网上找的试了试基本不可以,自己搞了一下.可以供新手参考,大神如有指点,请不吝赐教. 版权声明:本文为博主原创文章,未经博主允许不得转载. 前台JavaScript代码: 1 <script> 2 function checkLogin() { 3 var name = $("#name").val(); 4 var passward = $("#password").val(); 5 console.log(name); 6

Jquery,ajax返回json数据后呈现到html页面的$.post方式。

1 <div id="anwser1" style="display:none"> 2 <div id="question"> 3 <p id="p1"></p> 4 5 </div> 6 <div id="chose"> 7 <div id="A" class="xuanze1">&

调用AJAX返回JSON、XML数据类型

1.调用AJAX返回JSON数据 用下拉列表显示Nation表民族名称 主页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

jQuery通过Ajax向PHP服务端发送请求并返回JSON数据

ON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON在前后台交互的过程中发挥着相当出色的作用.请接着往下看教程. XHTML  <ul id="userlist">    <li><a href="#" rel="1">张三</a></li>    <li><a href=&quo

用ajax获取后台数据,返回json数据,怎么在前台使用?

用ajax获取后台数据,返回json数据,怎么在前台使用呢? 后台 C# code ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 if (dataType == "SearchCustomer")                 {                     int ID;                     if (Int32.TryParse(CustomerID, out ID))                     {    

如何在Crystal Portlet中正确返回JSON数据给AJAX请求?

当Crystal Portlet中需要采用Ajax请求,并让后台返回Json数据时,如何才能正确.方便的返回Json数据呢? 以下两种方法均可: 方法一:Ajax请求时,采用RenderURL,对应Portlet类中采用ajax(data)方法返回Java对象即可: 方法二:Ajax请求时,采用ResourceURL,对应Portlet类中采用ajax(data,response)方法将Java对象直接输出到Response流中:(推荐使用此方法) 分步指南 方法一: Ajax请求时,url采用

jquery序列化from表单使用ajax提交返回json数据(使用struts2注解result type = json)

1.action类引入struts2的"json-default"拦截器栈 @ParentPackage("json-default") //示例 @ParentPackage(WapBaseAction.WAP_PACKAGE) //WAP_PACKAGE继承了json-default @Namespace("/") public class ModifyResumeAction extends WapBaseAction {... [emai