jquery实现无刷新提交

news/2024/7/11 0:39:46 标签: jquery, function, button, input, ajax, insert

test.php文件

程序代码 程序代码
<script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></script>
<input name="writer" id="writer" type="text" value="" />
<input name="pass" id="pass" type="password" value="" />
<input type="submit" name="button" id="button" value="提交" />
<!--这里不需要form,因为提交时call一个函数

<script type="text/javascript">

$(document).ready(function(){        //DOM的onload事件处理函数
  $("#button").click(function(){          //当按钮button被点击时的处理函数
    postdata();                                      //button被点击时执行postdata函数
  });
});

function postdata(){                             //提交数据函数
  $.ajax({                                                 //调用jqueryajax方法
    type: "POST",                                     //设置ajax方法提交数据的形式
    url: "ok.php",                                      //把数据提交到ok.php
    data: "writer="+$("#writer").val()+"&pass="+$("#pass").val(),    //输入框writer中的值作为提交的数据
    success: function(msg){                 //提交成功后的回调,msg变量是ok.php输出的内容。
      alert("数据提交成功");                     //如果有必要,可以把msg变量的值显示到某个DIV元素中
    }
  });
}

</script>


ok.php文件

程序代码 程序代码
<?php
require "config.php";
require "conn.php";
$writer=$_POST['writer'];
$pass=$_POST['pass'];
mysql_query("insert into user values(0,'$writer','$pass')",$db);
//echo $_POST['writer'];
?>


里面用到的config.php和conn.php是链接数据库的,这里你把它换成你的就ok了,已经用post方法接收变量


http://www.niftyadmin.cn/n/1050532.html

相关文章

Spark——为数据分析处理提供更为灵活的赋能

本文来自网易云社区作者&#xff1a;王佳楠一、概述现如今在大规模数据处理分析的技术领域中&#xff0c;Hadoop及其生态内的各功能组件占据了绝对的统治地位。Hadoop原生的MapReduce计算框架由于任务抽象简单、计算流程固定、计算的中间结果写入磁盘引起大量读写开销等短板&am…

Jquery 局部刷新及 表单取值赋值 处理返回json数据

/*获得TEXT.AREATEXT的值*/ var textval $("#text_id").attr("value" ); //或者 var textval $("#text_id" ).val(); /*获取单选按钮的值*/ var valradio $("input[typeradio][checked]" ).val(); /*获取…

[OpenGL] 不规则区域的填充算法

不规则区域的填充算法 一、简单递归 利用Dfs实现简单递归填充。 核心代码&#xff1a; 1 // 简单深度搜索填充 &#xff08;四连通&#xff09;2 void DfsFill(int x, int y)3 {4 if (x < 0 || y < 0 || x>23 || y>23)5 {6 return;7 }8 if…

破产问题 (The Bankruptcy Problem)

我们从2000年前古巴比伦犹太法典《塔木德》(Talmud) 中描述的一个案例为出发点, 介绍一种资源分配的策略. 从合作博弈论的角度来理解, 这种分配策略是Nucleolus分配. 值得一提的是, 我们已经在供应链相关的多个业务场景中使用该资源分配方案. 注意: 本文绝大部分内容参考了Robe…

转《ionic生命周期》

1.认识ionic的生命周期钩子 截至ionic 3.8.0版本&#xff0c;框架提供了8个钩子函数&#xff0c;它们分别会在页面生命周期的各个阶段被触发&#xff0c;我们来简单了解一下。 1.1 ionViewDidLoad 页面加载完成触发&#xff0c;这里的“加载完成”指的是页面所需的资源已经加载…

php协议流

文件包含漏洞结合php协议流的特性&#xff0c;使得漏洞利用效率更高&#xff0c;下面的内容主要讲解协议流的使用。 0x00 测试环境: php版本: 5.2&#xff0c;5.3&#xff0c;5.5&#xff0c;7.0等web服务: apache2OS系统: linux 0x01 测试代码: <?php include($_GET[file…

app 调用接口

app 调用接口 /// <summary> /// 是否跳转到活动注册成功页面 /// </summary> /// <returns></returns> [HttpGet] public JsonResult IsActivityRegisterSuccess() { string result string.Empty; try { result ConfigurationManager.AppSettings[&…

Jquery实例2:可收缩展开的级联菜单与局部刷新

.html部分&#xff1a; JqueryMenu.html源代码&#xff1a; Html代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> < html > < head > < title > Jquery 实例2:弹出菜单</ titl…