- 浏览: 53493 次
- 性别:
- 来自: 广州
最新评论
使用jquery不刷新前台页面完成提交表单的例子。
前台文件:
后台文件:
前台文件:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>不刷新页面提交表单测试</title> </head> <body> <h1>不刷新页面提交表单测试</h1> <br /> <input name="writer" id="writer" type="text" value="" /> <input name="pass" id="pass" type="password" value="" /> <input type="submit" name="submit" id="submit" value="提交" /> </body> </html>
<script type="text/javascript" src="js/jquery.js"></script> <!-- 这里不需要form,因为提交时call一个函数 --> <script type="text/javascript"> $(document).ready(function(){// DOM的onload事件处理函数 $("#submit").click(function(){// 当按钮submit被点击时的处理函数 postdata();// submit别点击时执行postdata函数 }); }); function postdata(){// 提交数据函数 $.ajax({// 调用jquery的ajax方法 type:"POST",// 设置ajax方法提交数据的形式 url:"ok.php",// 把数据提交到ok.php /* 输入框writer中的值作为提交的数据, * 必须使用key/value的形式,如"key=value", * 如果多个键值对,就使用&分隔开, * 如"key1=value1&key2=value2" */ data: "writer="+$("#writer").val()+"&pass="+$("#pass").val(), success:function(msg){// 提交成功后的回调,msg变量是ok.php输出的内容 alert("数据提交成功");// 如果有必要,可以把msg变量的值显示到某个DIV元素中 alert(msg); } }); } </script>
后台文件:
<?php $writer=$_POST['writer']; $pass=$_POST['pass']; if(!empty($writer)&&!empty($pass)){ echo $writer.$pass."<br/>"; }else{ echo "Empty!"; } ?>
发表评论
-
PHP中静态方法(static)与非静态方法的使用及区别
2012-07-27 11:21 1096static关键字用来修饰属性、方法,称这些属性、方法为静态属 ... -
PHP导出excel表格,PHP导出Excel报表,PHP导出Xls表格!
2011-10-19 14:19 2913php导出excel 2010/02/01 10:33 最近 ... -
正则表达式匹配html 过滤非法字符
2011-06-14 10:50 1890正则表达式匹配html 过滤非法字符 匹配一个html标签,匹 ... -
iframe ie下设置无边框
2011-01-11 16:01 1636<iframe src="url“ id=&q ... -
php session_id() session_name()
2010-12-20 14:01 13431.Session.use_cookies:默认值 ... -
linux 下 apache启动、停止、重启命令
2010-12-17 20:00 902基本的操作方法: 本文假设你的apahce安装目录为/usr/ ... -
JavaScript escape() 函数
2010-12-10 17:03 1038JavaScript escape() 函数 定义和用法ht ... -
PHP中@符号的作用。
2010-12-07 16:12 913PHP代码中函数前面的@是什么意思? 【答】:@的作用是忽略 ... -
Ubuntu Linux下安装Zend Studio
2010-11-25 16:48 2064Ubuntu娱乐功能已经非常不错,无非是看看电影,听听歌 ... -
php ob_start 与 ob_end_flush()
2010-11-25 15:02 1478本文章主要讲关于php缓冲输出函数php ob_start 与 ... -
详解PHP ob_start()函数的功能要点
2010-11-25 15:00 999PHP函数的运用范围非常 ... -
php函数ob_start()、ob_end_clean()、ob_get_contents()
2010-11-25 14:59 1075下面3个函数的用法 ob_get_contents(); o ... -
Memcache基础教程
2010-11-25 14:58 737Memcache是什么 Memcache是danga.com的 ... -
PEAR的MDB2学习笔记
2010-11-10 14:57 1330■ 安装 需要安装两个包,一是MDB2本身基础类:[url= ... -
php链接mysql数据库不能用localhost的解决方法
2010-11-09 16:57 1663网上看了好多解决的方 ... -
Pear MDB2安装及MDB2 Error: not found问题
2010-11-09 11:31 18161、选安装PEAR,点击php目录下的go-pear.bat, ... -
php教程 DOM解析xml文档实例
2010-11-05 11:22 1098<?php // php教程 domdocumen ... -
PHP中的COOKIE和SESSION使用技巧
2010-11-03 16:15 12871. PHP的COOKIE cookie 是一种在远程浏览器 ... -
PHP获取当前文件路径,上层目录路径
2010-11-02 14:44 5264PHP获取当前文件路径,上层目录路径 取的現在檔案、目錄、上 ... -
linux的chmod与chown命令详解
2010-11-01 14:53 731使用方式 : chmod [-cfvR] [--help] [ ...
相关推荐
PHP页面使用jQuery实现不刷新页面翻页功能,
jquery手机端商品列表评价提交表单代码
本程序是用Jquery实现网页的定时刷新的程序,简单一眼就可以看清楚。易懂。
该资源包含了一个使用jquery提交表单的代码,简单易懂,喜欢的下载。
使用jQuery.form插件,实现完美的表单异步提交
jquery刷新页面和JS常用的函数。另外jQuery实现跨域调用的问题可以联系我。
基于jquery的实现不刷新页面的动态表单提交效果.zip
仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1、取到页面控件的值后拼接放在data中,传递到后台 方式2、页面序列化后放在data中,传递到后台 注:此种方式需设置页面控件的name属性
JQuery 提交表单,步骤详细并且附有详细图解.学习JQUery不能错过
jquery实现筛选前台页面,包含搜索、单选框、多选框、显示选中的信息等
jquery表单验证代码百度注册页面表单验证
Ajax使用jQuery提交表单 文件
ajax表单验证,无刷新提交表单,并发送邮件通知
用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 html页面: <iframe name="FORMSUBMIT" width="1" height="1" ></iframe> ...
本资源是我个人修改完成的 功能是:点击按钮实现弹窗,弹窗中有表单,可以进行填写表单的内容并可进行提交!
这个可以自定义的 可以弹出层关闭 父页面刷新 ,可以弹出层不关闭 父页面刷新
jQuery上啦刷新 jQuery下拉刷新,基于jQuery的下拉以及上啦刷新
jQuery刷新页面数字动画特效
PHP+Jquery+AJAX POST,GET提交表单并接收返回
jQuery表单提交验证verify一套完整的用户注册前端校验,包含用户名,密码强度,显示隐藏密码,手机号输入控制手机验证码,真实姓名,身份证号等验证。