-----form表单
function formSend(form1,callback,params){
if(params)
injectParams(form1,params);
if(form1.enctype != "multipart/form-data")
jQuery.post(form1.action,$(form1).serialize(),function(jsonobj){
if(jsonobj.exception){
alert("Error:"+jsonobj.msg);
return;
}
if(callback)
callback(jsonobj);
},"json");
else
formSubmit(form1,callback);
}
-----提交到jframe
function formSubmit(form1,callback){
if( $("iframe[name=resultframe]").size()==0 ){
$("body").append('<iframe name="resultframe" width="0px" height="0px"></iframe>');
}
if(callback)
iframeCallback = callback;
form1.target = "resultframe";
form1.submit();
}
原始。jsp:
<iframe name="frame" style="display:none" width="300" height="300"></iframe>
<script type="text/javascript">
function sureexam(){
document.getElementById("kks").target="frame";
document.getElementById("kks").submit();
$("#queding").hide();
</script>
跳转到的iframe:
<%@ page contentType="text/html; charset=gbk"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<script type="text/javascript">
<s:if test="flag==true">
window.parent.document.getElementById("loginForm").submit();
</s:if>
<s:else>
window.parent.showdiv();
</s:else>
</script>
判断传过来的值,然后跳转到相应的页面,就是涮新ifram,但是原始的没有提交。
------本页面的进去jQuery的ajax
function processParams(params){
var rparams = "";
if(params)
for(var prop in params){
var pvalue = params[prop];
if( $.isArray(pvalue) ){
for(var i=0;i<pvalue.length;i++){
var obj = pvalue[i];
if("object" == typeof obj){
for(var oprop in obj){
rparams += "&"+prop+"["+i+"]."+oprop+"="+ encodeURIComponent(obj[oprop]);
}
}else{
rparams += "&"+prop+"="+encodeURIComponent(obj)
}
}
}else{
rparams += "&"+prop+"="+encodeURIComponent(pvalue);
}
}
return rparams;
}
function injectParams(form1,params){
if(params)
for(var prop in params){
var pvalue = params[prop];
if( $.isArray(pvalue) ){
for(var i=0;i<pvalue.length;i++){
var obj = pvalue[i];
if("object" == typeof obj){
for(var oprop in obj){
$("<input type=hidden name='"+prop+"["+i+"]."+oprop+"'>").val(obj[oprop]).appendTo($(form1));
}
}else{
$("<input type=hidden name='"+prop+"'>").val(obj).appendTo($(form1));
}
}
}else{
$("<input type=hidden name='"+prop+"'>").val(pvalue).appendTo($(form1));
}
}
}
function actionCall(action,params,callback){
params = processParams(params);
jQuery.post(action,params,function(jsonobj){
if(jsonobj.exception){
alert("Error:"+jsonobj.msg);
return;
}
if(callback)
callback(jsonobj);
},"json");
}
function formSend(form1,callback,params){
if(params)
injectParams(form1,params);
if(form1.enctype != "multipart/form-data")
jQuery.post(form1.action,$(form1).serialize(),function(jsonobj){
if(jsonobj.exception){
alert("Error:"+jsonobj.msg);
return;
}
if(callback)
callback(jsonobj);
},"json");
else
formSubmit(form1,callback);
}
function formSubmit(form1,callback){
if( $("iframe[name=resultframe]").size()==0 ){
$("body").append('<iframe name="resultframe" width="0px" height="0px"></iframe>');
}
if(callback)
iframeCallback = callback;
form1.target = "resultframe";
form1.submit();
}
var iframeCallback = function(){
alert("iframeCallback is called!");
};
分享到:
相关推荐
Jquery中使用ajax,表单post提交数据 插入oracle数据库, html对应的文件中 将form 表单数据 转化为json 格式
我们在提交表单的时候,如果没有使用ajax提交,页面都会自己刷新一下,显得非常的不友好,所以我们需要把我们的表单提交修改为ajax的模式,可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段:正在提交?提交...
主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下
ajaxForm()和ajaxSubmit()方法可以接受0个或1个参数,当为单个参数时,该参数可以是一个回调函数,也可以是一个options对象。以下是一个options对象. var options={ target:'#output1', //把服务器返回内容放入id为...
Ajax-JQuery-JSON-Form-Binding.zip,用于将json数据绑定到表单的轻量级插件。对于使用ajax和具有大量字段的表单很有用。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和...
功能要求:Ajax提交表单,在控制器HelloWorld4Controller中处理请求,并返回若干数据,数据格式为JSON。 首先,我们假设返回的JSON实体为: 代码如下: public class LoginResultDTO { public bool Success { get; ...
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的; 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用...
本文实例讲述了jQuery实现form表单序列化转换为json对象功能。分享给大家供大家参考,具体如下: 做web前端开发时,需要ajax提交大量表单数据,如果一个个form字段拼接很费劲也容易出错,下面方法可解决这个问题 &...
Ajax-FormJS.zip,使用反馈系统通过ajax请求发送html表单的jquery插件,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新...
jQuery Ajax 表单 基于 Ajax 的表单处理。 解析常见操作的 JSON 响应,例如重定向、DOM 更新或警报。 需要这是如果你不使用鲍尔列入bower_components文件夹中。 Json 响应使用进行解析,允许您通过 ajax 响应中的...
这篇文章主要介绍了Jquery让form表单异步提交代码实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.监听表单提交事件,并阻止表单提交 $(form).submit...
Ajax-Form-Validation-JQuery.zip,使用jquery进行表单验证的概念,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载...
最近在思考优化项目,想自己扩展一个jquery自动获取表单中的数据进行ajax提交。本人没有完整性学习jquery,基本上是现学现找,有点困难。 主要是扩展和拼接json转对象 很简单,附上代码: ; (function ($) { $.fn...
ajax提交服务器数据, 整理一下转换方法。 HTML: <form id=fm name=fm action=> <input name=UserName type=text value=UserName1/> </form> <input name=UserId id=UserId type=text ...
jQuery 增强形式一个干净的 jQuery 插件,用于快速 ajax 表单原型设计等等。凉亭安装要在不声明依赖项的情况下安装: bower install jquery-enhanced-form 如果您希望 Bower 自动将此依赖项添加到您的bower.json ,...
function initAjaxForm(_formId,_rollback,_validate,_dataType){ var options = new Object(); if(typeof(_rollback) == "string"){ ... $('#'+_formId).ajaxForm(options); // bind form using 'ajaxForm' }
1. 采用jquery.validate.js实现了提交验证form表单。 2. 采用jquery.form.js实现ajaxForm提交表单或上传文件到服务器。 3. 在struts2的Action通过2种不同的实现方法返回json格式的字符串。 4. 针对商品实现简单无...
本文实例讲述了thinkphp5 + ajax 使用formdata提交数据(包括文件上传) 后台返回json。分享给大家供大家参考,具体如下: 知识点总结 1.json格式标准 { 'key':"value" } {"state":"1","msg":"\u7b80\u5386\u6295\u...
JQuery-JSON-Form-Binding:一个轻量级插件,用于将JSON数据绑定到表单。 对于使用AJAX和具有大量字段的表单很有用