`

javaScript代码小集合将form转为AJAX提交

    博客分类:
  • js
阅读更多
//将form转为AJAX提交
function do_ajax_submit_form(formid, fn) {
	frm = $("#"+formid);
	var dataPara = get_form_json(frm);
	$.ajax({
		url : frm.attr("action"),
		type : method = frm.attr("method"),
		data : dataPara,
		success : fn
	});
}

 

//ajax请求
function do_ajax_post(url, data,fn) {
	$.ajax({
		url : url,
		type : "POST",
		data : data,
		success : fn
	});
}

 

// 将form中的值转换为键值对。
function get_form_json(frm) {
	var o = {};
	var a = $(frm).serializeArray();
	$.each(a, function() {
		if (o[this.name] !== undefined) {
			if (!o[this.name].push) {
				o[this.name] = [ o[this.name] ];
			}
			o[this.name].push(this.value || '');
		} else {
			o[this.name] = this.value || '';
		}
	});

	return o;
}



分享到:
评论

相关推荐

    jqueryformjs实现将form提交转为ajax方式提交的方法.docx

    ### 使用jQuery Form插件将表单提交转换为Ajax提交 #### 概述 本文档将详细介绍如何使用jQuery Form插件将HTML表单的提交过程转换为Ajax方式提交,从而实现无需刷新页面即可提交数据到服务器的功能。这种方法可以...

    ajax提交form表单和上传图片

    在Web开发中,异步JavaScript和XML(Ajax)技术被广泛用于提高用户体验,尤其是在处理表单提交和文件上传时。本教程将详细讲解如何利用jQuery、jQuery Form插件以及Spring MVC框架来实现Ajax提交表单并上传图片。...

    使用jQuery ajax提交表单代码

    在“使用jQuery ajax提交表单代码”的资源中,我们可以期待看到一个清晰的示例,展示如何将表单数据发送到服务器,并处理响应。 1. **jQuery的$.ajax()函数** - **基本语法**:`$.ajax({ options });` - **选项...

    ajaxForm异步提交表单(含图片)

    本文将深入探讨如何使用ajaxForm进行异步表单提交。 首先,让我们了解什么是Ajax。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下更新部分网页内容。Ajax...

    ajax提交表单到后台

    本主题将深入探讨如何使用jQuery库的AJAX功能将表单数据提交到后台,以及后台如何使用Spring框架来处理这些数据。下面将详细阐述这一过程。 ### 一、前端:使用jQuery的AJAX提交表单 1. **引入jQuery库**:首先...

    .net+ajax+jquery.form实现简单的图片批量上传源码

    本示例代码着重展示了如何使用`.NET`后端处理、`AJAX`进行异步通信以及`jQuery.form`插件来实现这一功能。下面我们将详细探讨这些技术点。 首先,`.NET`是微软公司推出的一种面向对象的编程框架,它提供了丰富的库...

    使用AJAX提交Form表单实例演示

    本实例演示将深入探讨如何使用AJAX来提交HTML Form表单,从而提供更流畅的用户体验。我们将使用jQuery库,因为它简化了JavaScript的AJAX操作。 首先,确保在项目中引入jQuery库。这可以通过在HTML文件的`<head>`...

    Spring下的AJAX和Form表单提交及单/多方法控制器比较

    在本文中,我们将探讨在Spring框架下,使用AJAX与传统Form表单提交的区别,以及单方法控制器和多方法控制器的使用场景。首先,我们来看看AJAX提交与Form表单提交的基本概念。 **AJAX(Asynchronous JavaScript and ...

    JavaScript将base64图片转换成formData并通过AJAX提交的实现方法

    整个过程不需要修改服务器端代码,通过前端JavaScript将base64图片转换为标准的formData格式,并利用AJAX提交,就可以实现图片上传的功能。需要注意的是,虽然`$.ajax`在示例中使用了jQuery库进行演示,但实际操作中...

    Javascript 表单验证对象控件 + ajax简单验证重复项与ajax提交数据

    在"Javascript 表单验证对象控件 + ajax简单验证重复项与ajax提交数据"这个主题中,我们将深入探讨如何利用JavaScript提高用户体验,通过实时验证用户输入的数据,以及如何使用Ajax技术异步验证和提交数据,避免页面...

    完成的 Ajax 提交表单

    `Ext.form.Basic`对象提供了`getValues()`方法来获取表单字段的值,而`Ext.Ajax.serializeForm()`可以将表单数据转换为URL编码的字符串,适用于POST请求的data参数。 5. **错误处理和提示**:在`failure`回调中,你...

    使用AJAX提交Form表单

    本篇文章将深入探讨如何使用AJAX来提交HTML Form表单,提高用户体验,减少页面加载时间,并提供更流畅的交互。 一、AJAX基本原理 AJAX的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器进行通信。通过...

    ajaxForm插件

    AjaxForm插件是一款广泛应用于网页表单提交的JavaScript库,它简化了使用AJAX技术进行异步表单提交的过程。这个插件使得开发者无需编写大量的AJAX代码,就能实现无刷新的表单提交,提高用户体验,同时保持服务器与...

    防止Layui form表单重复提交的实现方法

    在表单的<form>标签中加入lay-filter="formConfig"属性,并将这个属性值作为自定义值。然后,可以使用Layui的form模块来监听这个标记的表单提交事件。 Layui的form模块提供了on方法,用于监听表单的提交事件。通过...

    利用ajax提交表单完整流程

    本文将详细介绍如何利用AJAX提交表单的完整流程,以实现更加流畅和用户友好的交互体验。 ### 1. 创建HTML表单 首先,我们需要创建一个HTML表单,它包含了用户输入的数据和一个用于触发AJAX提交的按钮。例如: ```...

    ajax form 提交 动态显示

    "Ajax Form提交 动态显示"这一主题涉及到如何利用AJAX处理表单提交,并实时更新页面内容。 1. **AJAX基础**: - AJAX的核心是XMLHttpRequest对象,它负责在后台与服务器通信。 - AJAX的工作流程包括创建...

    vue12ajax提交表单

    在本教程中,我们将深入探讨如何在Vue 1.x和2.x版本中使用Ajax提交表单。 **Vue 1.x 和 Vue 2.x 的核心差异** Vue 2.x 对于Vue 1.x进行了一些关键性的改进,包括优化性能、引入虚拟DOM以及对组件API的调整。然而,...

    Ajax-pardot-form-ajax-handler.zip

    Ajax-pardot-form-ajax-handler.zip,为salesforce pardot表单设置ajax提交,而不是使用iframe发布,并处理结果。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它...

    JavaScript在form表单中使用button按钮实现submit提交方法

    submit是button的一个特例,也是button的一种,它把提交这个动作...使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下: <head> [removed] functio

    ajax异步提交源代码

    本文将深入探讨Ajax异步提交的核心概念,并通过两个示例——一个使用纯JavaScript与Servlet交互,另一个利用Prototype JS框架与Action通信——来阐述其实现过程。 首先,让我们理解Ajax的基本原理。Ajax工作流程...

Global site tag (gtag.js) - Google Analytics