先建一个HTML文件,命名为add.html


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html"  charset="UTF-8" />
<title>添加按钮</title>

/*要添加好jquery库*/
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
   <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
 
</head>

<body>
<form id="add_form">
  <div>
    <input type="text" name="caizhong"  value="双色球"   id="qg_ssq"/>
    <input type="checkbox" name="qihao" value="20100727" id="qihao" />
  </div>
  <div>
    <input type="submit" name="add_submit" value="添加" id="add_submit" />
  </div>
</form>

<script type="text/javascript">
  
 $('form#add_form').submit(function() {
      var caizhong=$('input#qg_ssq').val();
   var qihao=$('input#qihao').val();
         alert($(this).serialize());
   $.ajax(
     {
      url: 'add_data.php',
      method: 'get',
      data: $(this).serialize(),
      
      success: function()
      {
       window.open("add_data.php?caizhong="+caizhong+"&qihao="+qihao);
       
       
      }        
     });
         });
  
 </script>

</body>
</html>


再建一个php页面,命名为:add_data.php


<meta http-equiv="Content-Type" content="text/html"  charset="UTF-8" />

<?php
$caizhong=$_GET['caizhong'];
$qihao=$_GET['qihao'];
echo $caizhong;
echo $qihao;
?>

转载于:https://blog.51cto.com/2913221/945444

jquery用添加按钮把数据传送给PHP页面相关推荐

  1. jQuery动态添加按钮,绑定点击事件失效

    jQuery动态添加按钮,绑定点击事件失效 因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...

  2. OAF在打开的新页面中添加按钮,功能是关闭当前页面

    OAF在打开的新页面中添加按钮,功能是关闭当前页面 javascript:close()

  3. jQuery Mobile中按钮<a>或<button>添加class样式ui-btn-*

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有class选项 jQuery Mobile中按钮class样式 <a> 或 <button> 元素添加以下类 ...

  4. jQuery动态添加、删除按钮及input输入框

    效果图 div <tr><td class="column-title"><label>*******</label></td ...

  5. echarts导入mysql数据库_Echarts最新:Django中从mysql数据库中获取数据传到echarts方式_爱安网 LoveAn.com...

    关于"Echarts"的最新内容 聚合阅读 这篇文章主要介绍了基于vue+echarts 数据可视化大屏展示的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随 ...

  6. java 两个页面传递数据,怎么将一个页面的数据传给另外个页面

    如何将一个页面的数据传给另外个页面? 本帖最后由 allenpony 于 2013-07-06 20:55:31 编辑 新手勿笑. 我有一个主页面customer.jsp,上面有个查询按钮.当点击查询 ...

  7. 在使用添加按钮给table插入新的一行时遇见的问题总结及处理方法

    添加按钮的功能:点击添加按钮之后完成添加新的一行. 遇见的问题:当多次点击添加按钮生成新的多行之后,生成的每行内部按钮的保存按钮点击事件出现最晚添加的一行的行内保存点击事件执行一次,倒数第二次添加的行 ...

  8. PHP实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中

    PHP实现单击"添加"按钮增加一行表单项,并将所有内容插入到数据库中 效果图: html+jquery: <html> <head> <meta ht ...

  9. jquery点击按钮显示和隐藏div

    [转]jquery点击按钮显示和隐藏DIv 1 function changeDisplay() { 2 if ($("#btnShow").attr("value&qu ...

最新文章

  1. R语言ggplot2可视化:自定义函数在箱图(boxplot)上添加分组样本个数(count)、分组均值(mean)、箱体填充色自定义、数据标签色彩自定义
  2. Linux 执行文件查找命令 which 详解
  3. 云计算机参考架构,云参考架构.PDF
  4. python文档字符串_结构化的python文档字符串,对IDE友好
  5. BootStrap学习(2)
  6. Linux挂载多个文件夹读不出,FTP不显示Linux挂载文件夹怎么办?-处理FTP不显示Linux挂载文件夹的方案 - 河东软件园...
  7. GX works2 中的块的创建与使用方法
  8. Java新职篇:类型提升的约定
  9. Atitit 图像处理之编程之类库调用的接口api cli gui ws rest  attilax大总结.docx
  10. DirectSound 播放声音杂音问题.
  11. Java实现首字母转大写、小写StringUtils.capitalize
  12. kafka报错zookeeper is not a recognized option
  13. MIPS单周期CPU
  14. matlab取值只能为整数,运行时提示Size 输入必须为整数
  15. 2048小游戏后端的实现
  16. Linux环境批量下载阿里云盘资源
  17. oracle peoplesoft enterprise,Solix实现与Oracle PeopleSoft Enterprise9.1整合
  18. netbeans莫明其妙的报错
  19. 用C语言写羊了个羊(一)
  20. 工作10年写不好一封邮件?

热门文章

  1. kali2018.2安装配置OpenVAS-9及错误处置
  2. [WS]使用Axis发布简单的Web服务
  3. Liferay 6.1 用maven 构建 service-builder的巨大BUG的修复
  4. 制作OS X El CAPITAN安装U盘
  5. jQuery获取和设置元素
  6. 在Eclipse中使用JUnit4进行单元测试
  7. 防止程序重复执行的单元
  8. Generic Data Access Objects -范型DAO类设计模式
  9. 摩卡签约印尼五大运营商之一CSM,进军东南亚市场
  10. PostgreSQL中的大容量空间探索时间序列数据存储