首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

通过Ajax提交表单的数据

表单同步提交的缺点 表单同步提交后,整个页面会发生跳转,跳转到action URL所指向的地址,用户体验很差。 表单同步提交后,页面之前的状态和数据会丢失。...解决方案: 表单只负责采集数据,Ajax负责将数据提交到服务器。...alert('监听到了表单提交事件!')          ...}) 阻止表单的默认提交行为 当监听到表单提交事件后,可以调用事件对象的 event.preventDefault()函数,来阻止表单提交和页面的跳转,示例代码如下:            $('...console.log(data);                //结果:username=用户名的值&password=密码的值           }) 注意:在使用 serialize()函数快速获取表单数据

2.2K20
您找到你想要的搜索结果了吗?
是的
没有找到

创建联系表单页面并通过 Ajax 提交表单请求数据

对于联系表单页面,需要分两块处理,首先是渲染联系表单,这是一个 GET 请求: // 联系表单页面 public function contact() { if ($this->request...container"> 你可以通过填写并提交下面的表单给我发送反馈消息...3、提交表单请求 在上面的视图模板中,可以看到最后额外引入了 /js/contact.js 文件,这个文件是联系表单页面需要额外用到的 JavaScript 脚本文件,目前还不存在,需要编写对应的前端处理代码...代码处理表单数据的异步提交Ajax 请求),关于代码实现细节就不展开介绍了,重点关注 submitSuccess 的情况下,$.ajax({...})...我们可以尝试提交表单,会显示报错信息,这就是 jqBootstrapValidation 组件生效的效果: ?

2.2K50

pbootcms使用Ajax无刷新提交留言及表单

PbootCMS 本身对于使用ajax请求进行提交时会返回Json数据,那么我们可以无需使用API的情况下实现ajax 提交留言,并自定义页面提示,提升用户体验。...关于pb的ajax很多文章代码都有个小缺陷,什么都不填点击提交后端显示空白数据,下面我根据官方提供的代码改良了一下 1.表单验证     提交留言 2、Ajax提交 ...//ajax提交留言,由于涉及到提交地址标签的解析,JS需要放在html文件中 function submsg(obj){   var url='{pboot:msgaction}'; //如果是自定义表单则使用地址...[name="contacts"]').val()) {alert('姓名不能为空');returnfalse;   } // 判断在要写入数组前,这里我就举例一个其余的可以发挥自己的想法写   $.ajax

3.4K20

WordPress的主题添加AJAX无刷新提交评论功能

有时主题在提交评论后会刷新整个网页才可获取资源,别人家的都不是这样的,以下可以改善评论后无刷新即可获取资源。 在function.php文件加入以下代码 get_option('comment_order'),             'formpostion' => 'bottom', //默认为bottom,如果你的表单在顶部则设置为top。...('wp_ajax_noprjiv_ajax_comment', 'fa_ajax_comment_callback'); add_action('wp_ajax_ajax_comment 新建app.js...",             type: jQuery(this).attr('method'),             beforeSend: faAjax.createButterbar("提交中...// your comments wrapper                     }                 }                 t.createButterbar("提交成功

1.6K40
领券