`
leeqq
  • 浏览: 138187 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

jquery中的表单提交

    博客分类:
  • web
阅读更多

在5月的最后一天记一个jquery中的表单提交在ie8中的一个坑

 

在项目中遇到这么个要求,点击按钮执行一段js,在条件满足之后,post方式提交一个请求,但是不能用ajax

 

所以在js中我写了段这样的代码

var $form = $('<form>', {'action': 'http://www.baidu.com', 'method': 'get'});
$form.append($('<input>', {type:'hidden', name: 'param', val: 23}));
$form.submit();

 在chrome中是没有什么问题的,也是一直在chrome中测试的,可是在ie8(其它版本没测试),firefox中却是无法正常提交的,坑啊。

 

解决方案就是将表单写进页面,然后获取后再提交

var $form = $('#form');
$form.empty();
$form.append($('<input>', {type:'hidden', name: 'param', val: 23}));
$form.submit();

 

 

分享到:
评论

相关推荐

    JQuery表单提交和后台交互源码20130509

    JQuery表单提交和后台交互源码 源码描述: jQuery表单提交和后台交互,非常简单。 也许你习惯了使用基于jQuery的表单插件,裸写也不错 仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1、取到...

    jQuery完整注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery实现一个完整的用户注册表单提交验证。这个验证系统包括了多个关键的验证环节,如用户名、密码强度、显示/隐藏密码、手机号码输入控制以及手机验证码、真实姓名和身份证号的...

    jquery select表单提交省市区城市三级联动

    jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动

    使用jQuery.form插件,实现完美的表单异步提交

    在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、...

    JQUERY表单提交

    JQUERY表单提交 JQuery框架应用中的Form插件是一个功能强大的官方插件,支持Ajax和Ajax文件上传,基本满足日常应用。该插件提供了多种方法来管理表单数据和进行表单提交,包括ajaxForm、ajaxSubmit、formSerialize...

    jquery实现弹窗表单填写提交

    表单填写完成后,提交表单通常是通过JavaScript阻止默认的表单提交行为,然后使用Ajax发送表单数据到服务器。这里涉及的jQuery知识点包括`event.preventDefault()`防止页面刷新,以及`$.ajax()`进行异步请求: ```...

    Jquery实现表单异步提交.zip

    - **监听表单提交事件**:绑定`submit`事件处理器,如`$("#formId").on("submit", function(event) { ... })`,防止默认的表单提交行为。 - **阻止默认行为**:在事件处理器中调用`event.preventDefault()`,避免...

    jquery异步提交form表单

    这是jQuery Form Plugin的一个核心文件,它扩展了jQuery,使得我们可以方便地进行异步表单提交。例如,我们可以使用以下代码来实现: ```javascript $("#myForm").submit(function(event) { event.preventDefault...

    使用jQuery ajax提交表单代码

    // 阻止默认表单提交行为 var formData = $(this).serialize(); // 获取表单数据 $.ajax({ url: 'your_server_endpoint.php', // 服务器端接口 type: 'POST', data: formData, dataType: 'json', success: ...

    jQuery完整注册表单提交验证.zip

    3. 实时反馈:验证过程中,如果发现错误,可以通过改变元素样式(如添加红色边框或错误提示文本)立即通知用户,无需等待表单提交后返回错误信息。 4. 阻止默认行为:若验证未通过,使用`event.preventDefault()`...

    JQuery 提交表单(附详细图解)

    在没有jQuery的情况下,我们通常会在HTML中创建一个表单,然后通过JavaScript或者JSP/Servlet来处理表单提交。例如: 1. 在HTML中定义一个FORM: ```html &lt;!-- 表单元素 --&gt; ``` 2. 在JavaScript中触发表单提交...

    JQuery Ajax提交整个表单

    如果表单提交的目标URL与当前页面不在同一个域下,可能存在跨域问题。这时需要服务器端支持CORS(跨源资源共享)或者使用JSONP(JSON with Padding)等技术。 总结,使用jQuery的Ajax功能提交整个表单涉及的关键点...

    JQuery 在表单提交之前修改 提交的值 原创

    在本文中,我们将探讨如何使用jQuery在表单提交前修改提交的值,特别是在特定场景下增强搜索功能。在公司的项目中,我们面临一个需求:在二级栏目搜索时,需要确保用户在搜索框中包含了该栏目的关键词,例如“教程”...

    jQuery用户注册表单验证代码

    在jQuery中,我们可以使用`.on('submit', function() {...})`监听表单提交事件。当用户尝试提交表单时,这个函数会被触发。 接着,我们需要逐个验证表单字段。例如,检查用户名是否为空,可以使用`.val()`获取输入...

    jquery validate表单验证插件制作注册表单提交验证

    `submitHandler`函数会在所有验证通过后被调用,你可以在这里放置处理表单提交的逻辑,例如使用AJAX向服务器发送数据。如果验证失败,`submitHandler`不会执行,表单不会被提交,从而防止无效数据的提交。 为了增强...

    jquery表单验证插件

    - **Ajax提交**:使用Ajax技术进行表单提交,无需刷新整个页面。 - **文件上传**:支持文件上传功能,包括多文件上传。 - **易用性**:简洁的API使得操作变得非常简单。 - **兼容性**:良好的浏览器兼容性,确保了...

    JQuery.form表单提交参数详解.txt

    在 Web 开发中,使用 AJAX 进行异步表单提交是一种常见的技术手段,它允许开发者无需重新加载整个页面即可提交数据并接收响应结果。JQuery 提供了一个强大的插件——JQuery Form,它可以简化这一过程。本文将详细...

    Ajax使用jQuery提交表单 文件

    在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下,与服务器交换...通过学习和理解这些代码,你可以更深入地掌握Ajax与jQuery结合处理表单提交的方法。

    jQuery文字选项问卷调查表单提交.zip

    本项目"jQuery文字选项问卷调查表单提交"是利用jQuery来构建的一个滚动投票程序,主要关注用户交互和数据提交方面。 首先,jQuery库的核心特性在于它的选择器功能,这使得能够方便地选取DOM元素。在这个问卷调查...

    jquery表单步骤流程导航一步一步填写表单提交信息代码

    本文将深入探讨如何使用jQuery实现一个表单步骤流程导航,以帮助用户逐步填写并提交信息。 首先,我们需要理解表单步骤流程导航的基本概念。这种导航通常用于分步收集用户数据,使得复杂的表单填写过程变得更为清晰...

Global site tag (gtag.js) - Google Analytics