精华内容
下载资源
问答
  • 因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,下面通过本文给大家分享lavarel框架中使用ajax提交表单的方法,一起看看吧
  • 使用ajax提交表单同时提交其他参数的写法 参考https://blog.csdn.net/jiangyu1013/article/details/72179611 即 function savePlanTask() { var form_addServiceInfoAll = $("#form_...

    使用ajax提交表单同时提交其他参数的写法

    参考

    https://blog.csdn.net/jiangyu1013/article/details/72179611

    function savePlanTask() {
    var form_addServiceInfoAll = $("#form_addServiceInfoAll").serialize();//将表单实例化,下面传参要用
    	$.ajax({
    		url : baseUrl + '/proj/projsetList1/savePlanTask',
    		type : "POST",
    		//data : $("#form_addServiceInfoAll").serialize();
    		data : form_addServiceInfoAll+"&userid="+userId,//传递数据直接将上面定义的表单写上,后面拼接要传递的参数名及参数
    		cache : false,
    		async : false,
    		dataType : 'json',
    		success : function(data) {
    			window.location.reload();
    		}
    	});
    }
    
    展开全文
  • 使用ajax提交表单数据,整个jsp页面却会重新加载、刷新,而不是局部刷新 问题描述 昨天用ajax写异步,在插入数据时(点击button),提交表单后,整个jsp页面总是会自动刷新一遍。 但是异步就是要局部刷新,而不是...

    使用ajax提交表单数据,整个jsp页面却会重新加载、刷新,而不是局部刷新

    问题描述

    昨天用ajax写异步,在插入数据时(点击button),提交表单后,整个jsp页面总是会自动刷新一遍。
    但是异步就是要局部刷新,而不是整个页面都刷新一遍。

    原因

    使用了button控件当做表单的提交按钮
    当form中存在button标签时,即使是用ajax异步提交表单后,面会被刷新。

    <button onclick="insert()">添加商品</button>
    

    解决

    改为使用input提交:

     <input type="button" value="添加商品"  onclick="insert()"/>
    
    展开全文
  • jQuery EasyUI使用教程使用Ajax提交表单

    千次阅读 2016-08-17 09:52:04
    本教程主要展示如何使用easyui提交表单。我们创建一个带有name、email和phone字段的表单,通过使用easyui表单插件来将表单更改为ajax表单。表单提交所有的字段到后台服务器,服务器处理并发送一些数据返回到前端页面...

    本教程主要展示如何使用easyui提交表单。我们创建一个带有name、email和phone字段的表单,通过使用easyui表单插件来将表单更改为ajax表单。表单提交所有的字段到后台服务器,服务器处理并发送一些数据返回到前端页面。我们接收返回数据并将其显示出来。

    添加节点到树形菜单

    创建表单

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    < div class = "easyui-panel" title = "Ajax Form" style = "width:300px;padding:10px;" >
    < form id = "ff" action = "form1_proc.php" method = "post" enctype = "multipart/form-data" >
    < table >
    < tbody >< tr >
    < td >Name:</ td >
    < td >< input name = "name" class = "f1 easyui-textbox" ></ td >
    </ tr >
    < tr >
    < td >Email:</ td >
    < td >< input name = "email" class = "f1 easyui-textbox" ></ td >
    </ tr >
    < tr >
    < td >Phone:</ td >
    < td >< input name = "phone" class = "f1 easyui-textbox" ></ td >
    </ tr >
    < tr >
    < td >File:</ td >
    < td >< input name = "file" class = "f1 easyui-filebox" ></ td >
    </ tr >
    < tr >
    < td ></ td >
    < td >< input type = "submit" value = "Submit" ></ td >
    </ tr >
    </ tbody ></ table >
    </ form >
    </ div >

    更改为Ajax表单

    1
    2
    3
    4
    5
    $( '#ff' ).form({
    success: function (data){
    $.messager.alert( 'Info' , data,  'info' );
    }
    });

    服务器代码

    form1_proc.php

    1
    2
    3
    4
    $name = htmlspecialchars( $_REQUEST [ 'name' ]);
    $email = htmlspecialchars( $_REQUEST [ 'email' ]);
    $phone = htmlspecialchars( $_REQUEST [ 'phone' ]);
    $file $_FILES [ 'file' ][ 'name' ];
    1
    2
    3
    4
    5
    6
    7
    8
    echo <<< INFO
    <div  style = "padding:0 50px" >
    < p >Name: $name</ p >
    < p >Email: $email</ p >
    < p >Phone: $phone</ p >
    < p >File: $file</ p >
    </ div >
    INFO;

    下载EasyUI示例:easyui-form-demo.zip

    有兴趣的朋友可以点击查看更多有关jQuery EasyUI的教程>>

    展开全文
  • 使用Validation时,我们有时候不希望验证成功后直接跳转页面(比如判断登录密码用户名正确与否),而希望自己使用Ajax提交,并且验证回调的结果。 $('.login-form').validate({ //验证规则, rules: { ...

    在使用Validation时,我们有时候不希望验证成功后直接跳转页面(比如判断登录密码用户名正确与否),而希望自己使用Ajax提交,并且验证回调的结果。

    
                    $('.login-form').validate({
                    //验证规则,  
                    rules: {
                        username: {
                            required: true
                        },
                        password: {
                            required: true
                        },
                        remember: {
                            required: false
                        }
                    },
    
                    messages: {
                        username: {
                            required: "必须输入用户名"
                        },
                        password: {
                            required: "必须输入密码"
                        }
                    },
                    submitHandler: function (form) {                    
                        $.ajax({  
                            type: 'post',  
                            url: "/plan/preplan/preplan_person_login.action", 
                            data:{
                                username:$('#username').val(),
                                password:$('#password').val()
                            },
                            success:function(data){
                                //console.log(data=="\"ok\"");
                                if(data=="\"ok\""){
                                    location.href ="/plan/preplan/plan_index.action";  //成功执行 
                                }else{
                                    alert('出错');//出错执行
                                }
                            }   
                        }); 
                        return false; // 阻止表单自动提交事件
                    }
                });
    
    展开全文
  • 使用 layui-verify 验证 表单选项 , 如果不满足则停留在此页面 , 不进行表单提交 。 如果表单验证通过 ,通过ajax对表单进行相应操作。 二、效果图 三、如何使用 ? 示例 : 表单 <form class="layui-form" ...
  • form.on('submit(sbm)', function(data) { var id = $("#id").val(); var password = $("#password").val(); $.ajax({ url : 'login/userlogi...
  • easyui使用Ajax提交表单,返回Json数据

    万次阅读 2012-03-09 00:36:44
    使用Easyui的表单提交的时候,经常需要返回Json 数据,可是有时 返回的是Json字符串,不是Json对象, 字符串中的数据无法读取。  解决这一问题,需要用到Jquery中的Json对象转换方法:$.parseJSON(str)  这一...
  • 使用AJAX提交Form表单

    2012-06-26 22:29:04
    使用AJAX提交Form表单使用AJAX提交Form表单使用AJAX提交Form表单
  • 本篇文章主要是对ajax提交url与ajax提交表单的区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
  • 使用AJAX提交Form表单实例演示

    热门讨论 2012-06-26 22:37:11
    使用AJAX提交Form表单实例演示
  • 主要介绍了jQuery使用$.ajax提交表单的方法,以完整实例形式分析了jQuery基于ajax数据提交的具体步骤与数据处理技巧,非常简单实用,代码备有详尽的注释便于理解,需要的朋友可以参考下
  • ajax提交表单

    热门讨论 2011-10-22 12:45:40
    ajax提交表单 作为一个小例子 大家如果感觉有用就看看
  • 注:使用ajax 提交表单时 type类型最好不用submit 用button合适 <form> <input type=button class=btn btn-info value=重置 onclick=return resetaa()> <input type=button class=btn btn-...
  • 使用ajax提交form表单,包括ajax文件上传 转载自:点击打开链接 使用ajax提交form表单,包括ajax文件上传 转载自:点击打开链接
  • ajax提交表单到后台

    2019-01-19 17:15:28
    利用jquery的ajax提交表单数据到后台。后台使用spring.
  • 该资源包含了一个使用jquery提交表单的代码,简单易懂,喜欢的下载。
  • 在开始介绍使用JQuery提交表单之前,先看一下非Ajax提交表单的形式
  • 主要介绍了AJAX提交表单数据的方法,实例分析了Ajax调用的原理与实现技巧,需要的朋友可以参考下
  • 利用ajax提交表单完整流程
  • ajax提交表单时阻止表单自动提交

    千次阅读 2017-07-12 11:36:16
    最近在用ajax提交表单,但表单会自动提交,action默认是当前页面,然后你提交会一直刷新页面,并且在地址栏会出现请求字段。 问题的原因是:ajax提交表单时,没注意到在form标签中添加onsubmit="return false;"。...
  • 主要介绍了thinkPHP5 ajax提交表单操作,结合实例形式分析了thinkPHP5的ajax提交表单操作技巧,并附带说明了表单提交中的参数传递与处理技巧,需要的朋友可以参考下
  • 利用Ajax提交表单

    千次阅读 2016-01-07 14:08:51
    利用Ajax提交表单
  • 这是一个ajax提交表单插件,支持文件上传,用起来非常方便。具体使用说明 http://blog.csdn.net/qq122453418/article/details/79511164 欢迎留言
  • jquery Ajax提交表单使用jquery Ajax上传附件)

    万次阅读 多人点赞 2016-04-07 15:05:28
    用过jquery的Ajax的人肯定都知道,Ajax的默认编码方式是”application/x-www-form-urlencoded“,此编码方式只能编码文本类型的数据,因此Ajax发送请求的时候,会把data序列化成 一个个String类型的键值对,此种传输...
  • vue12ajax提交表单

    2019-08-10 11:13:47
    vue1/2 ajax提交表单

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 98,051
精华内容 39,220
关键字:

使用ajax提交表单