index.html模板文件大内容：

 <html>

 <head>

 <title>jQuery Ajax 实例演示</title>

 </head>

 <script src="./js/jquery.js" type="text/javascript"></script>

 <script type="text/javascript">

 $(document).ready(function(){//这个就是jQueryready ，它就像C语言的main 所有操作包含在它里面

     $("#button_login").mousedown(function(){

     login(); //点击ID为"button_login"的按钮后触发函数 login();

     });

     function login(){ //函数 login();

         var username = $("#username").val();//取框中的用户名

         var password = $("#password").val();//取框中的密码

         $.ajax({ //一个Ajax过程

             type: "post", //以post方式与后台沟通

             url : "login.php", //与此php页面沟通

             dataType:'json',//从php返回的值以 JSON方式 解释

             data: 'username='+username+'&password='+password, //发给php的数据有两项，分别是上面传来的u和p

             success: function(json){//如果调用php成功

             //alert(json.username+'n'+json.password); //把php中的返回值（json.username）给 alert出来

             $('#result').html("姓名:" + json.username + "<br/>密码:" + json.password); //把php中的返回值显示在预定义的result定位符位置

             }

         });

     }

     //$.post()方式：

     $('#test_post').mousedown(function (){

         $.post(

             'login.php',

             {

             username:$('#username').val(),

             password:$('#password').val()

             },

             function (data) //回传函数

             {

                 var myjson='';

                 eval_r('myjson=' + data + ';');

                 $('#result').html("姓名1:" + myjson.username + "<br/>密码1:" + myjson.password);

             }

         );

     });

     //$.get()方式：

     $('#test_get').mousedown(function (){

         $.get(

             'login.php',

             {

             username:$('#username').val(),

             password:$('#password').val()

             },

             function(data) //回传函数

             {

                 var myjson='';

                 eval_r("myjson=" + data + ";");

                 $('#result').html("姓名2:" + myjson.username + "<br/>密码2:" + myjson.password);

             }

         );

     });

 });

 </script>

 <body>

 <div id="result" style="background:orange;border:1px solid red;width:300px;height:200px;"></div>

 <form id="formtest" action="" method="post">

 <p><span>输入姓名:</span><input type="text" name="username" id="username" /></p>

 <p><span>输入密码:</span><input type="text" name="password" id="password" /></p>

 </form>

 <button id="button_login">ajax提交</button>

 <button id="test_post">post提交</button>

 <button id="test_get">get提交</button>

 </body>

 </html>

login.php文件的内容：

 <?php

 echo json_encode(array ('username'=>$_REQUEST['username'],'password'=>$_REQUEST['password']));

 ?>

PHP提交表单失败后如何保留填写的信息的更多相关文章

  1. （转载）PHP 下 CURL 通过 POST 提交表单失败的原因之一与解决办法

    (转载)http://blog.renren.com/share/246611432/7511385884 前几天在学习使用 CURL 时遇到一个问题:在 a.php 中以 POST 方式向 b.ph ...

  2. Extjs 表单验证后，几种错误信息展示方式

    今天要求对form表单验证,进行系统学习一下,故做了几个示例: Ext.onReady(function(){        var panel=Ext.create('Ext.form.Panel' ...

  3. 用js怎么控制submit提交表单

    需求: 1. 要在点击submit按钮的时候,弹出一个询问框,"你确定要修改?".如果按了"确定"那么就提交表单,否则就保留在原页面,既不提交不跳转. 2. 要 ...

  4. Laravel用post提交表单常见的两个错误

    最近在自学Laravel,测试用post方法提交表单时碰到两个错误: 1.获取传入的值时,报错如下图所示: 在stackFlow找答案时各种解释都有,但认真读一下报错信息,意思大概是:获取Http传入 ...

  5. 使用JS对form的内容验证失败后阻止提交 &&js校验表单后提交表单的三种方法总结

    1.form的两个事件 submit,提交表单,如果直接调用该函数,则直接提交表单 onSubmit,提交按钮点击时先触发,然后触发submit事件.如果不加控制的话,默认返回true,因此表单总能提 ...

  6. A、B同时打开一个页面进行同一条数据库记录进行修改，A修改完成后提交表单，A修改的数据保存完成后；当B也修改完成后，提交数据进行数据修改。此时B修改的内容会覆盖A修改的内容，请问如何避免?

    A.B同时打开一个页面进行数据中的一条数据进行修改,A修改完成后提交表单,数据修改保存完成后B开始页面也修改完成,开始提交进行修改.此时B修改的内容会覆盖A的内容,请问如何避免? 通过搜索和我个人总结 ...

  7. 利用ajaxSubmit()方法实现Form提交表单后回调

    1.      背景 最近在工作中,需要实现网页端图片上传到FTP服务器的功能.上传文件是用Form表单提交数据的方法向后台传输文件流,在此遇到了一个问题:后台在处理完图片上传功能后,需要向前台回传是 ...

  8. 用HTTP状态码实现提交表单后刷新页面不重复提交

    正常情况下,表单提交后如果用户刷新页面会重复提交表单,有些情况下我们不希望表单重复提交,利用HTTP协议中的307状态码重定向页面可以实现这个目的.实例如下: 表单页面代码: <form act ...

  9. iframe中使用模态框提交表单后,iframe加载父页面的解决方法

    在iframe中使用模态框提交表单后,会出现iframe加载整个父页面的问题,如下图: 解决方法: 在form表单中添加target属性 _parent 这个属性会使目标文档载入父窗口或者包含来超链接 ...

随机推荐

  1. Vue+Vue-router微信分享功能

    在使用vue和vue-router路由框架已经开发过好几个项目了,其中也遇到不少坑,有些坑各种搜也没有找到非常理想的答案. vue学习相对来说还是比较简单,官方文档说明非常清楚(https://cn. ...

  2. 乾坤合一~Linux设备驱动之I2C核心、总线以及设备驱动

    我思念的城市已是黄昏 为何我总对你一往情深 曾经给我快乐 也给我创伤 曾经给我希望 也给我绝望 我在遥远的城市 陌生的人群 感觉着你遥远的忧伤 我的幻想 你的忧伤,像我的的绝望,那样漫长,,,,,这是 ...

  3. 企业SaaS模式的优缺点

    好处: 1.降低成本 项目成本.人员成本 2.使用简单 无需系统维护,用户只需登录就可以享受系统的功能 3.安全性 SaaS模式下,企业用户最关注的是自己的数据能不能得到安全保护. A.涉及的数据有哪 ...

  4. TensorFlow学习入门

    学习了基本的神经网络知识后,要使用框架了,这样才能出来更加复杂的情况,更快的开发出模型. 首先安装后,按照官网写了一个例子,但是又好多不懂,但只是第一步, 看这段代码,其实给你提供了很多学习tf的线索 ...

  5. 把一张图片变成base64

    // image_file可为urlprivate function base64EncodeImage($image_file) { $image_info = getimagesize($imag ...

  6. poj 1269

    水题.判断两条直线位置关系. 考虑平行的情况,那么 四边形的面积会相等,重合的话,四边形的面积相等且为0. 除去这两种就一定有交点. #include <cstdio> #include ...

  7. CSS div 高度满屏

    方法一: 通过JQuery,获取窗体的高度,设置给对应的div.代码如下 ht = $(document.body).height(); $(); 缺点:由于浏览器是先解析css,后执行JS,导致页面 ...

  8. python_str 字符串的所有方法

    # _Author:huang# date: 2017/11/28 # 字符串 '''print("hello" * 3)print("hello world" ...

  9. smartFloat

    $.fn.smartFloat = function() {     var position = function(element) {         var top = element.posi ...

  10. Gym 101981J - Prime Game - [数学题][线性筛+分解质因数][2018-2019 ACM-ICPC Asia Nanjing Regional Contest Problem J]

    题目链接:http://codeforces.com/gym/101981/attachments 题意: 令 $mul(l,r) = \prod_{i=l}^{r}a_i$,且 $fac(l,r)$ ...