html代码（test.html），js在html底部

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

   <title>test-jquery-ajax-list</title>

</head>

<body>

<div class="main">

   <table>

      <thead>

      <tr>

         <th>id</th>

         <th>name</th>

         <th>sex</th>

         <th>time </th>

      </tr>

      </thead>

      <tbody id="infolist">

      </tbody>

   </table>

</div>

</body>

<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script>

<script type="text/javascript">

   $(document).ready(function(){

      getList();

      function getList(){

         // jquery ajax 请求

         $.ajax({

            type:'post', //请求方式，默认get

            url :"http://localhost/ajax-demo-list/test.php",

            data:{

               getFunction:1

            },success:function(data,status){

               $('#infolist').html('');

               $str = '';

               $.each(data.list,function(i,val){

                  $str = $str + '<tr>';

                  $str = $str + '<td> '+val.id+'  </td>';

                  $str = $str + '<td> '+val.name+'  </td>';

                  $str = $str + '<td> '+val.sex+'  </td>';

                  $str = $str + '<td> '+val.time+'  </td>';

                  $str = $str + '</tr>';

               });

               $('#infolist').append($str);

               if(data.list == "" ||  data.list.length < 0 || data.list == "undefined"){

                  $('#infolist').html('<td colspan="10"  style="height:200px;text-align:center;color: #23527c">暂无相关数据...</td>');

               }

            },error:function(data,statsu){

               alert("发送请求失败！");

            }

         });

      }

   });

</script>

</html>

php代码 （test.php）

<?php

header("Content-Type: application/json;charset=utf-8");

if($_REQUEST['getFunction']){

   getList();

}

function getList(){

   $data  = array(

      array(

         'id'   => 1,

         'name' => 'xiaoming',

         'sex'  => '男',

         'time' => '2016年1月22日 14:45:46'

      ),

      array(

         'id'   => 2,

         'name' => '老张',

         'sex'  => '男',

         'time' => '2016年1月22日 14:45:46'

      ),

      array(

         'id'   => 3,

         'name' => '捞王',

         'sex'  => '男',

         'time' => '2016年1月22日 14:45:46'

      )

   );

   $list  = json_encode(array('list'=>$data));

   print_r($list);

   //    print_r(json_encode(array('list'=>$data=array())));

}

　　

jQuery ajax 请求php遍历json数组到table中的更多相关文章

  1. jQuery通过ajax请求php遍历json数组到table中的代码

    html代码(test.html),js在html底部 具体代码如下所示: <!DOCTYPE html> <html lang="en"> <hea ...

  2. jQuery ajax 传递JSON数组到Spring Controller

    jQuery ajax传递单个JSON对象到后台很容易,这里记录的是传递多个JSON对象组成的JSON数组到java 后台,并说明java如何解析JSON数组. 1.js代码 var relation ...

  3. JQuery ajax请求struts action实现异步刷新的小实例

    这个样例是用JQuery ajax和struts来做的一个小样例,在这个样例中采用两种方式将java Util中的list转换成支json的格式,第一种是用json-lib.jar这个jar包来转换, ...

  4. jquery Ajax请求示例，jquery Ajax基本请求方法示例

    jquery Ajax请求示例,jquery Ajax基本请求方法示例 ================================ ©Copyright 蕃薯耀 2018年5月7日 https: ...

  5. jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法

    1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...

  6. 原生js，jquery ajax请求以及jsonp的调用

    ajax    是用来处理前后端交互的技术,可以改善用户体验,其本质是    XMLHttpRequest,异步访问服务器并发送请求数据,服务器返回响应的数据,以页面无刷新的效果改变页面中的局部内容  ...

  7. jQuery ajax请求错误返回status 0和错误error的问题

    上周发现一个jQuery ajax请求错误返回status 0和错误error的问题,responseText是"error",状态码是0而不是200: $.ajax({ type ...

  8. 二、jQuery Ajax请求

    一.Ajax请求 1.jQuery Ajax请求 let ajaxTimeOut = $.ajax({ //将网络请求事件赋值给变量ajaxTimeOut url: "/api_v1.1/a ...

  9. jquery ajax请求方式与提示用户正在处理请稍等，等待数据返回时loading的显示

    1.jquery ajax请求方式与提示用户正在处理请稍等 为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实 ...

随机推荐

  1. SiteMesh学习笔记

    SiteMesh是一个轻量级的web应用框架,实现了Decorator模式.它的目标是将多个页面都将引用的jsp页面通过配置加载到相应的jsp文件中. 在我们的项目中,每个jsp都需要添加两个top和 ...

  2. 利用nf_conntrack机制存储路由，省去每包路由查找

    IP是无连接的,因此IP路由是每包一路由的,数据包通过查找路由表获取路由,这是现代操作协议协议栈IP路由的默认处理方式.可是假设协议栈具有流识别能力,是不是能够基于流来路由呢?答案无疑是肯定的. 设计 ...

  3. mysql 5.6 binlog组提交1

    [MySQL 5.6] MySQL 5.6 group commit 性能测试及内部实现流程   尽管Mariadb以及Facebook在long long time ago就fix掉了这个臭名昭著的 ...

  4. Sharepoint 2010 根据用户权限隐藏Ribbon菜单(利用css)

    本文介绍的是根据用户权限隐藏整个Ribbon菜单项. 操作环境:Windows Server 2008 r2+ SharePoint 2010 1.关于SharePoint  权限详细请参考:http ...

  5. Javascript-显示系统时间

    /*JS-显示系统时间*/function showLocale(objD) {    var str, colorhead, colorfoot;    var yy = objD.getYear( ...

  6. Ruby on Rails Tutorial 第四章 Rails背后的Ruby 之 字符串

    1.辅助方法 2.字符串 输入“irb”进入Ruby命令行开发环境,控制器的启动方法是在命令行中执行“rails console”. (1)字符串连接 >>"foo"+ ...

  7. IOS 使用Interface Builder开发界面入门与技巧

    引言: 通过Interface Builder(简称IB)来制作界面一直是iOS开发界饱受争议的方式.主要争议的话题是不太适合团队协作开发,再就是对IB的使用比较生疏,觉得IB只能完成一些很简单的功能 ...

  8. PHP.9-HTML+CSS（三）-CSS样式

    CSS样式 CSS是Cascading Style Sheets的简写,它除了可以轻松设置网页元素的显示位置和格式处,甚至还能产生滤镜,图像淡化,网页淡入淡出的渐变效果.CSS就是要对网页的显示效果实 ...

  9. PHP.10-PHP实例（一）-简单的计算器

    PHP-简单的计算器 [PHP语法详解] PHP在web开发中的应用 PHP编写步骤 1.编写一个后缀名为.php文件2.上传到Web服务器的文档根目录下3.通过浏览器访问Web服务器管理下的PHP文 ...

  10. 编译APK时出现 This attribute must be localized 的两种解决方法 免修改xml

    下面两种方法可以让你不需要修改APP XML字符串的条件下忽略 This attribute must be localized 的 Android 源码编译时的错误警告. 1.修改当前APP的 An ...