PHP与ajax,无刷新表单提交
2013-05-17 16:25
169 查看
前台文件:
《===========================================
input.html
===========================================》
后台文件:
《===========================================
bdcl.php
===========================================》
功能:表单提交后,在当前页面显示后台处理文件返回的数据。
需要jQuery支持。
《===========================================
input.html
<script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></script> name:<input name="writer" id="writer" type="text" value="" /><br /> password:<input name="pass" id="pass" type="password" value="" /> <input type="submit" name="button" id="button" value="提交" /> <div id="msg"></div> <script type="text/javascript"> $(document).ready(function(){ //DOM的onload事件处理函数 $("#button").click(function(){ //当按钮button被点击时的处理函数 postdata(); //button被点击时执行postdata函数 }); }); function postdata(){ //提交数据函数 $.ajax({ //调用jquery的ajax方法 type: "POST", //设置ajax方法提交数据的形式 url: "bdcl.php", //把数据提交到bdcl.php data: "writer="+$("#writer").val()+"&pass="+$("#pass").val(), //输入框writer中的值作为提交的数据 success: function(msg){ //提交成功后的回调,msg变量是ok.php输出的内容。 x=document.getElementById("msg"); x.innerHTML=msg; // alert(msg); //如果有必要,可以把msg变量的值显示到某个DIV元素中 } }); } </script>
===========================================》
后台文件:
《===========================================
bdcl.php
<?php $writer=$_POST['writer']; $pass=$_POST['pass']; echo "name:".$_POST['writer'].",password:".$_POST["pass"]."."; ?>
===========================================》
功能:表单提交后,在当前页面显示后台处理文件返回的数据。
需要jQuery支持。
相关文章推荐
- PHP Ajax,FormData收集表单数据(包括文件) 页面无刷新上传文件(提交表单)
- AJAX PHP无刷新form表单提交的简单实现(推荐)
- AJAX PHP无刷新form表单提交的简单实现(推荐)
- PHP与ajax,无刷新表单提交
- DEDE使用AJAX无刷新提交Form表单,PHP返回结果
- AJAX PHP无刷新form表单提交
- Ajax php,页面无刷新提交表单
- 无刷新提交表单(php+jquery+ajax+json的一个最简单实例 )
- AJAX PHP无刷新form表单提交
- DEDE使用AJAX无刷新提交Form表单,PHP返回结果
- 无刷新提交表单(php+js+ajax简单实例 )
- ajax提交表单后,页面仍被刷新
- php中使用session避免在刷新页面造成反复提交表单
- 无刷新文件上传 ajax提交表单
- 表单不刷新提交,非ajax
- layer 弹出层form表单提交刷新弹出层 造成ajax成功后不执行success
- DWZ框架中ajax提交文件表单的处理(关闭当前dialog + 刷新父级navTab)
- Ajax提交表单时验证码自动验证 php后端验证码检测
- 无刷新文件上传 ajax提交表单
- jQuery ajaxSubmit 实现ajax提交表单局部刷新