我想做的是使用ajax和php将数据库表数据放入索引页中的html表。

我的问题是数据没有显示。有人知道我的代码有什么问题吗?

的HTML:

NameAgeGenderAction

脚本:

$(document).ready(function(){

$.ajax({

url: 'process.php',

type: 'post',

data: {tag: 'getData'},

dataType: 'json',

success: function(data){

if(data.success){

$.each(data, function(index, record){

if($.is_numeric(index)){

var row = $("

");

$("

").text(record.name).appendTo(row);

$("

").text(record.age).appendTo(row);

$("

").text(record.gender).appendTo(row);

$("

").text(record.action).appendTo(row);

row.appendTo('myTable2');

}

})

}

}

});

$('#myTable2').dataTable({

"bjQueryUI": true,

"sPaginationType": "full_numbers"

});

});

process.php

error_reporting(-1);

ini_set('display_errors', 'On');

if(isset($_POST['tag'])){

try{

$host = "localhost";

$user = "root";

$pass = "";

$db = "test";

$dbc = new PDO("mysql:host=" . $host . ";dbname=" . $db, $user, $pass);

$dbc->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

$sql = "SELECT name, age, gender, action FROM viewtables";

$result = $dbc->prepare($sql);

if(!$result->execute()) return false;

if($result->rowCount() > 0) {

$json = array();

while ($row = $result->fetch()){

$json[] = array(

'name' => $row['name'],

'age' => $row['age'],

'gender' => $row['gender'],

'action' => $row['action']

);

}

$json['success'] = true;

echo json_encode($json);

}

} catch (PDOException $e) {

echo "Error: " .$e->getMessage();

}

}

?>

ajax怎么在html与php中使用,如何使用ajax和php将数据从数据库表放到html表相关推荐

  1. mysql清空表数据_mysql数据库之如何清空表中数据

    本篇文章主要讲述的是在数据库中使用清空命令,具有一定学习价值,有需要的朋友可以了解一下,希望能够对你有所帮助. 在做数据迁移,数据清洗或者写web项目时要将数据替换更新,那么有时要将表做清空处理 常用 ...

  2. AJAX技术文案沙雕,vue-router 中使用 keep-alive 控制 ajax 请求的缓存策略(二)

    前文的解决方法 其实是有问题的. 1. 问题 前文提到 saved_position 的返回值有时是 undefined,有时是 null.经过仔细调试,可以发现 undefined 只会出现一次,以 ...

  3. ajax跨域请求 html5,HTML5中使用postMessage实现Ajax跨域请求的方法

    由于同源策略的限制,Javascript存在跨域通信的问题,典型的跨域问题有iframe与父级的通信等. 常规的几种解决方法: (1) document.domain+iframe: (2) 动态创建 ...

  4. SAP财务模块中,科目余额表中的数据存在数据库的哪张表中?

    科目余额相关表:FAGLFLEXT,GLT0: 科目余额相关函数:BAPI_GL_GETGLACCPERIODBALANCES,FAGL_GET_GLT0建议:直接调用函数BAPI_GL_GETGLA ...

  5. ajax浏览器操作发生异常,解决IE浏览器缓存导致AJAX请求数据异常

    IE10浏览器会把AJAX请求的数据都缓存下来,然后每次想去刷新数据时发现数据都是一样的,于是导致数据显示异常. 解决方法: 在页面 标签里,加上以下声明: 保存后,刷新页面,重新访问即可. 说明:最 ...

  6. 数据从数据库中分离脱机

    数据从数据库中分离脱机 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术:Visual Studio 作者:李继金 撰写时间:2019年6 ...

  7. Ajax技术群英会,火热报名中!

    Ajax技术群英会 --说说你最爱的Ajax框架 一.会议介绍 Ajax不仅仅是一种技术,更是Web 2.0时代最具创意的思想之一,它对Web世界的影响极其深远.随着Ajax技术的发展,各种Ajax框 ...

  8. promise的应用和在VUE中使用axios发送AJAX请求服务器

    promise 用promise对函数封装: 原来的代码: <!DOCTYPE html> <html> <head><title>vue demo&l ...

  9. 怎么测试ajax get请求,为什么我的AJAX在运行测试时请求dev中的PUT请求,但请求了GET请求?...

    在我的Rails应用程序中,我制作了一个AJAX PUT请求(使用Coffeescript),该请求在我的开发环境中正常工作.当我检查按钮,点击后,会触发使用Firefox的AJAX请求时,它看起来是 ...

最新文章

  1. Spring事务源码分析
  2. the title and note has maintained the same text type
  3. 可怕的DefaultAbstractHelperImpl
  4. HDU.3652.B-number(数位DP)
  5. PAT乙类1005之继续(3n+1)猜想 (25 分)
  6. AMD5470显卡Ubuntu下的U盘的使用
  7. Excel导入导出帮助类
  8. ABP理论学习之NHibernate集成
  9. Win10彻底关闭Antimalware Service Executable占用内存过高问题
  10. 解决okhttp的java.lang.IllegalStateException: closed错误
  11. java 实现饼状图_怎么用JAVA 开发的圆饼图
  12. 笔记本电脑没有外放声音,但是插上耳机有声音的问题解决方法
  13. python画正态分布_python 画正态曲线
  14. 华硕ac68u最佳设置_【华硕RT-AC68U路由器使用总结】频段|设置|信号_摘要频道_什么值得买...
  15. 车来了实时公交接口API免费注册使用
  16. python爬虫抓网页的总结
  17. day06 列表(1)
  18. pacman得到软件列表
  19. 作为投资者,这10个对冲策略你必须烂熟于心
  20. 转子 matlab,转子系统matlab特征值

热门文章

  1. Spring 基于注解(annotation)的配置之@Required注解
  2. SAP C4C产品主数据OData服务的ETag处理
  3. how to attach source code of Spark
  4. 使用脚手架应用做单元测试
  5. SAP UI5 jQuery.sap.formatMessage
  6. 利用memory comparison分析一个时间段内的内存占用率
  7. Cloud for Customer的第一个显示的work center是怎么加载和渲染的
  8. attachment delete deletion commit work issue
  9. root cause of message type unknown during BP delta upload
  10. 替换SAP Fiori Logo不成功的workaround