HTML POST提交参数给PHP并返回json，上传execl文件

微信小程序开发交流qq群 173683895

承接微信小程序开发。扫码加微信。

正文：

需求：AJAX post带参数请求接口，PHP接收后存入数据库；然后返回json数据循环渲染到HTML

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><title>Title</title><script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script><style type="text/css">button {width: 150px;height: 50px;}.file {margin: 50px;}.content {margin: 50px;}.btn_2 {bottom: 20px;left: 40px;}</style></head><body><div class="file"><form name="myupload" id="myupload" enctype='multipart/form-data' action="http://gohosts.com/up_file.php" method="post"><input type="file" name="excel_file" id="excel_file"><input value="提交" type="submit" /></form></div><div class="content">标题：<input type="text" name="content" /><br> <button class="btn_2" id="ajaxSubmit" />点我ajax提交表单</button><div class="block" id="block"></div></div><script type="text/javascript">//给id为ajaxSubmit的按钮提交表单$("#ajaxSubmit").click(function() {var data = {content: $(" input[ name='content' ] ").val(),}console.log(data)$.ajax({//几个参数需要注意一下type: "POST", //方法类型dataType: "json", //预期服务器返回的数据类型url: "http://gohosts.com/index.php", //urldata: data,success: function(res) {console.log(res); //打印服务端返回的数据(调试用)var htm = '';for(var i = 0; i < res.length; i++) {htm += '<div>content:' + res[i].content + '</div>';}$('#block').html(htm)},error: function() {alert("异常！");}});});</script></body></html>

//index.php PHP接受请求的参数并存入数据库，然后将数据库当前表里面的数据转换成JSON格式返回给前台

<?phpheader("Content-Type:text/html;charset=utf8"); header("Access-Control-Allow-Origin: *"); //解决跨域header('Access-Control-Allow-Methods:POST');// 响应类型  header('Access-Control-Allow-Headers:*'); // 响应头设置 $link=mysql_connect("localhost","root","root"); mysql_select_db("new_test", $link); //选择数据库mysql_query("SET NAMES utf8");//解决中文乱码问题$content = $_POST['content'];//插入数据到数据库 $strsql = "insert into arr_content (content) values('$content')";//mysql_query() 函数执行一条 MySQL 查询。SELECT，SHOW，EXPLAIN 或 DESCRIBE 都需要用这个函数执行$result = @mysql_query($strsql);$q = "SELECT * FROM arr_content"; //SQL查询语句 SELECT * FROM 表名$rs = mysql_query($q); //获取数据集if(!$rs){die("数据库没有数据!");}//循环读取数据并存入数组对象$dlogs;$i=0;while($row=mysql_fetch_array($rs)){$dlog["content"]=$row["content"];$dlogs[$i++]=$dlog;}//以json格式返回html页面echo urldecode(json_encode($dlogs));
?>

//up_file.php 实现上传excel文件并存入数据库 excel文件下载地址

<?phpheader("Content-Type:text/html;charset=utf8"); header("Access-Control-Allow-Origin: *"); //解决跨域header('Access-Control-Allow-Methods:POST');// 响应类型  $link=mysql_connect("localhost","root","root"); mysql_select_db("new_test", $link); //选择数据库mysql_query("SET NAMES utf8");//解决中文乱码问题require_once 'phpExcel/PHPExcel.php'; $filePath = $_FILES ['excel_file'] ['tmp_name'];$PHPReader = new PHPExcel_Reader_Excel2007(); if(!$PHPReader->canRead($filePath)){ $PHPReader = new PHPExcel_Reader_Excel5(); if(!$PHPReader->canRead($filePath)){ echo 'no Excel'; return; }}  $PHPExcel = $PHPReader->load($filePath); $currentSheet = $PHPExcel->getSheet(0);         //读取第一张工作表$allColumn = $currentSheet->getHighestColumn(); //取得最大的列号$allRow = $currentSheet->getHighestRow();       //取得一共有多少行$arr=[];for($currentRow = 1;$currentRow <= $allRow;$currentRow++){for($i='A';$i<= $allColumn; $i++){ $item = (string)$currentSheet->getCellByColumnAndRow(ord($i) - 65,$currentRow)->getValue();print_r($item);echo "<pre>";//插入数据到数据库 $strsql = "insert into arr_content (content) values('$item')";//mysql_query() 函数执行一条 MySQL 查询。SELECT，SHOW，EXPLAIN 或 DESCRIBE 都需要用这个函数执行$result = @mysql_query($strsql);} $val[]=$item;}//echo "<pre>";// print_r(serialize($val));$q = "SELECT * FROM arr_content"; //SQL查询语句 SELECT * FROM 表名$rs = mysql_query($q); //获取数据集if(!$rs){die("数据库没有数据!");}
?>

HTML POST提交参数给PHP并返回json，上传execl文件相关推荐

后端——获取提交的数据（GET、 POST）、获取上传的文件、常见的网络请求
目录一.获取提交的数据 1.接收GET请求的数据: 1.ajax-get 2.axios-get 3.浏览器的地址栏-get 4.a标签的href属性-get 5.img-src-get 6.lin ...
Flask框架(flask中的request对象,获取请求参数，保存上传的文件)
1.request中包含了前端发送过来的所有数据 ,请求的 request 对象中保存了一次HTTP请求的一切信息. 通过request.from可以直接发送提取请求体中的表单格式数据,是一个类字典的 ...
Antd的Upload组件上传文件控制文件数量、格式等，以及提交时如何获取文件
背景:使用React的antd组件的Upload(官网),要求文件上传后,在点击提交时再将文件传过去. 技术点: 完全控制的文件上传. 可控制上传数量. 控制文件格式. 移除时的事件onRemove. ...
Android Retrofit 实现（图文上传）文字（参数）和多张图片一起上传
背景在有心课堂<自己动手写HTTP框架>课程中有下列课程: 自拍要发朋友圈如何实现 http://stay4it.com/course/4/learn#lesson/208 通过自己写的 ...
传统form表单提交方式的文件上传与文件存储
引言时隔一天,上一篇文章<文件存储>刚一停笔,今天上午就解决了困扰我已久的文件上传问题. 站在一个已实现功能的角度来重新看待这个文件上传的业务:编辑页面选择jar包,然后通过form表单 ...
python网页提交表单_使用Python中的POST请求通过网站表单上传基本文件
我尝试使用Python和HTTP请求在一个随机的网站上上传一个文件.为此,我使用名为Requests的便利库. 根据the documentation,以及StackOverflow here和the ...
用HttpListener做web服务器，简单解析post方式过来的参数、上传的文件
服务端: public class AdvertisementSource : IDisposable { HttpListener httpListener; ...
okhttp上传图片和其他参数_阳光沙滩-Okhttp3 post上传文件的时候携带文件的参数的问题...
Okhttp3 post上传文件的时候携带文件的参数怎么做啊下面是接口文档和练习的demo求教!谢谢 public class OkhttpActivity extends AppCompatAct ...
php plupload上传失败,plupload,多次上传-无效_plupload自动上传，第二次提交无效。，plupload,多次上传-无效 - phpStudy...
plupload自动上传,第二次提交无效. 1.使用plupload上传单个图片,上传后在页面显示缩略图: 2.使用的是自动上传,点击按钮选择图片后自动开始上传: 3.当第一次上传图片后,图片传错了, ...

HTML POST提交参数给PHP并返回json，上传execl文件

承接微信小程序开发。扫码加微信。

正文：

HTML POST提交参数给PHP并返回json，上传execl文件相关推荐

最新文章

热门文章