HTML页面有一个可爱的input 按钮,点击之后调用一个不乖巧的JS方法,此方法内心热切希望调用之后传递参数到控制器,完后跳转到上一个页面,如下:
可爱的input 按钮的HTML:
<input id="btnPreviousPage" type="button" value="返回上页" onclick="goBackToPrivious('${requestScope.detailUrl}','${requestScope.czwheresql }')">
不乖巧的JS方法如下:
function goBackToPrivious(previous_url, condition) { var url = previous_url; var $formGoBack = $("<form method='post' action='" + url + "'></form>"); // 1.条件where参数 var $inputArg = $("<input type='hidden' name='czwheresql' value='" + condition + "'/>"); $formGoBack.append($inputArg); // 2.标记参数 var $inputFlag = $("<input type='hidden' name='needParse' value='false' />"); $formGoBack.append($inputFlag); alert($formGoBack.html()); $formGoBack.submit(); }
=======================
但是当我这样了以后就可以以了,而且Chrome(C)/Firefox(F)/IE(SB)就都可以了。
改成这样之后就都可以了,求解释:
HTML:
<form id='goBackForm' method='post' action='${requestScope.detailUrl}'> <input id="btnPreviousPage" type="button" value="返回上页" onclick="goBackToPrivious('${requestScope.detailUrl}','${requestScope.czwheresql }')"> <input type='hidden' name='needParse' value='false' /> <input type='hidden' name='czwheresql' value='${requestScope.czwheresql }' /> </form>
JS:
/** * 返回上一页 删除、新增后重新加载 * * @author[niewj] * @since [2014年3月5日-下午6:49:01] */ function goBackToPrivious(previous_url, condition) { var $formGoBack = $("#goBackForm"); $formGoBack.submit(); }
求解释?????????????
相关推荐
jQuery Form插件主要由`jquery.form.js`脚本组成,它扩展了jQuery的$.ajax方法,提供了一种更加简单易用的方式来处理表单的异步提交。在压缩包中,源代码位于`src/jquery.form.js`,而压缩包的`dist`目录下提供了...
jquery.form.js jquery.form.js
jquery.form.min.js是一个异步提交表单的插件,使用该插件可以设置callback函数,并且页面不会跳转
总的来说,遇到Chrome不支持`form.submit()`的情况,可以考虑使用Ajax方式进行异步提交,或者检查代码中是否存在其他可能导致问题的因素,如JavaScript语法错误、事件绑定等。同时,保持浏览器更新到最新版本,以及...
使用`$.ajaxSubmit()`或`$("#form").submit(function() { ... })`方法,可以轻松实现异步提交。 2. **文件上传**:传统的HTML表单提交无法处理文件上传,而`jquery.form.js`提供了文件上传的支持,包括单文件和多...
1. **异步表单提交**:通过使用`$.ajaxForm()`或`$.ajaxSubmit()`方法,可以实现异步表单提交。例如: ```javascript $("#myForm").ajaxForm({ success: function(response) { // 提交成功后的回调函数,response...
总之,jQuery.form.js插件是开发中不可或缺的工具,它简化了表单处理,特别是异步文件上传的复杂性,让开发者能更专注于业务逻辑和用户体验设计。通过熟练掌握并运用这个插件,可以大大提高前端开发的效率和质量。
Jquery.form.js可以非常简单的实现表单的异步提交,相对于同样是异步上传的ajaxfileupload,它能够实现文件跨域上传。
jquery.form.js解决opera冲突问题 使用jquery.form.js如果jquery使用的是1.9以上的版本会报opera找不到 以解决 备份下
3. 对目标表单元素添加`submit`事件监听器,使用`$.ajaxForm`或`$.ajaxSubmit`方法来处理表单提交。 4. 在提交事件的处理函数中,调用`$.confirm`以弹出确认对话框,根据用户的选择决定是否执行表单提交。 通过这样...
jQuery Form Plugin能够让你简洁的将...插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制。
* jQuery Form Plugin * version: 4.2.2 * Requires jQuery v1.7.2 or later * Project repository: https://github.com/jquery-form/form * Copyright 2017 Kevin Morris * Copyright 2006 M. Alsup * Dual ...
6. **跨浏览器兼容**:jQuery Form Plugin经过精心设计,能良好地在各种主流浏览器上运行,包括IE、Firefox、Chrome、Safari等。 在实际应用中,使用jQuery Form Plugin的步骤大致如下: 1. **引入jQuery和jQuery ...
"解决chrome对jQuery的支持问题"这个主题就聚焦于这样一个常见问题:Chrome浏览器对jQuery的`$(document).ready()`函数的执行时机。 `$(document).ready()`,也常被写为`$(function() {...})`,是jQuery中的一个...
### jQuery $.post() 方法详解与 JSON 数据交互 在现代 Web 开发中,客户端与服务器端的数据交换是非常重要的一个环节。jQuery 提供了多种 AJAX 方法来简化这一过程,其中 `$.post()` 是一种常用的方式来实现客户端...