0 0

JQuery问题$form.submit()为何chrome可以,firefox和IE不跳转呢?0

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();
}

 

 

 求解释?????????????

 

2014年5月05日 18:54

2个答案 按时间排序 按投票排序

0 0

	var $formGoBack = $("<form method='post' action='" + url + "'></form>");
	// 1.条件where参数
	var $inputArg = $("<input type='hidden' name='czwheresql' value='" + condition
			+ "'/>");
	$formGoBack.append($inputArg);

</form>是否会在<input/>的前面?

2014年5月06日 17:43
0 0

试试submit 之前添加$(document).append($formGoBack);

2014年5月06日 15:29

相关推荐

    jquery form jquery.form.js

    jQuery Form插件主要由`jquery.form.js`脚本组成,它扩展了jQuery的$.ajax方法,提供了一种更加简单易用的方式来处理表单的异步提交。在压缩包中,源代码位于`src/jquery.form.js`,而压缩包的`dist`目录下提供了...

    jquery.form.js下载

    jquery.form.js jquery.form.js

    jquery.form.min.js

    jquery.form.min.js是一个异步提交表单的插件,使用该插件可以设置callback函数,并且页面不会跳转

    chrome不支持form.submit的解决方案

    总的来说,遇到Chrome不支持`form.submit()`的情况,可以考虑使用Ajax方式进行异步提交,或者检查代码中是否存在其他可能导致问题的因素,如JavaScript语法错误、事件绑定等。同时,保持浏览器更新到最新版本,以及...

    jquery.form.js

    使用`$.ajaxSubmit()`或`$("#form").submit(function() { ... })`方法,可以轻松实现异步提交。 2. **文件上传**:传统的HTML表单提交无法处理文件上传,而`jquery.form.js`提供了文件上传的支持,包括单文件和多...

    jquery.form.js和使用说明

    1. **异步表单提交**:通过使用`$.ajaxForm()`或`$.ajaxSubmit()`方法,可以实现异步表单提交。例如: ```javascript $("#myForm").ajaxForm({ success: function(response) { // 提交成功后的回调函数,response...

    jquery.form.js下载_jquery.form.js上传文件插件下载

    总之,jQuery.form.js插件是开发中不可或缺的工具,它简化了表单处理,特别是异步文件上传的复杂性,让开发者能更专注于业务逻辑和用户体验设计。通过熟练掌握并运用这个插件,可以大大提高前端开发的效率和质量。

    Jquery.form.js

    Jquery.form.js可以非常简单的实现表单的异步提交,相对于同样是异步上传的ajaxfileupload,它能够实现文件跨域上传。

    jquery.form.js解决opera冲突问题

    jquery.form.js解决opera冲突问题 使用jquery.form.js如果jquery使用的是1.9以上的版本会报opera找不到 以解决 备份下

    jquery-confirm.js和jquery-form.js

    3. 对目标表单元素添加`submit`事件监听器,使用`$.ajaxForm`或`$.ajaxSubmit`方法来处理表单提交。 4. 在提交事件的处理函数中,调用`$.confirm`以弹出确认对话框,根据用户的选择决定是否执行表单提交。 通过这样...

    jQuery表单插件jquery.form.js(示例源码)

    jQuery Form Plugin能够让你简洁的将...插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制。

    jquery.form.min.js(4.2.2version,最新版本)

    * 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 ...

    jquery-form.js

    6. **跨浏览器兼容**:jQuery Form Plugin经过精心设计,能良好地在各种主流浏览器上运行,包括IE、Firefox、Chrome、Safari等。 在实际应用中,使用jQuery Form Plugin的步骤大致如下: 1. **引入jQuery和jQuery ...

    解决chrome对jQuery的支持问题

    "解决chrome对jQuery的支持问题"这个主题就聚焦于这样一个常见问题:Chrome浏览器对jQuery的`$(document).ready()`函数的执行时机。 `$(document).ready()`,也常被写为`$(function() {...})`,是jQuery中的一个...

    jquery $.post()的用法 传递json文本 客户端和服务器端相互传递

    ### jQuery $.post() 方法详解与 JSON 数据交互 在现代 Web 开发中,客户端与服务器端的数据交换是非常重要的一个环节。jQuery 提供了多种 AJAX 方法来简化这一过程,其中 `$.post()` 是一种常用的方式来实现客户端...

Global site tag (gtag.js) - Google Analytics