ajax不跳转页面提交表单

$(“form”).submit(function() {

$.ajax({

type:“POST”,

url:“../user/receiveDataFromClient”,

data:$(this).serialize(),

success:function(resultData) {

alert(“alert resultData = ” + resultData);

}

});

returnfalse;

});

返回 false,确保页面不跳转。

通过其它按钮提交

$(“#nextButton”).click(function() {

$(“form”).submit();

});

时间: 2024-10-29 23:16:05

ajax不跳转页面提交表单的相关文章

Jquery基于Ajax方法自定义无刷新提交表单Form实例_AJAX相关

本文实例讲述了Jquery基于Ajax方法自定义无刷新提交表单Form的方法.分享给大家供大家参考.具体实现方法如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等. 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢. 以前的处理方法: 如Form代码如下: 复制代码 代码如下: <form id="Form1" action="action.aspx" method="pos

Jquery基于Ajax方法自定义无刷新提交表单Form实例

本文实例讲述了Jquery基于Ajax方法自定义无刷新提交表单Form的方法.分享给大家供大家参考.具体实现方法如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等. 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢. 以前的处理方法: 如Form代码如下: 复制代码 代码如下:<form id="Form1" action="action.aspx" method="post

ajax跨页面提交表单_AJAX相关

前面提到过重复提交表单问题,处理token口令校验.重定向之外,还有一种经常使用到的方法就是新页面处理表单提交,完成后关闭当前页面,并刷新之前发送请求的页面. 这里使用了artDialog.js 1.文件结构 2.user.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="/struts-ta

ajax跨页面提交表单

前面提到过重复提交表单问题,处理token口令校验.重定向之外,还有一种经常使用到的方法就是新页面处理表单提交,完成后关闭当前页面,并刷新之前发送请求的页面. 这里使用了artDialog.js 1.文件结构 2.user.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="/struts-ta

jquery不刷新页面提交表单的例子

实例 通过 AJAX 加载一段文本: jQuery 代码:  代码如下 复制代码 $(document).ready(function(){   $("#b01").click(function(){   htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});   $("#myDiv").html(htmlobj.responseText);   }); }); HTML 代码:  代码如下

jquery+ajax验证不通过也提交表单问题处理_jquery

validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证.          这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例如: 复制代码 代码如下: //验证不通过时return      if(!$("form#ajaxForm&q

JQuery通过Ajax提交表单并返回结果_jquery

如下: 1:非Ajax 前台: 对应后台: 2:JQuery之Ajax 在介绍使用JQuery提交表单前,我们需要首先引用jquery.form.js,它来自于http://www.malsup.com/jquery/form/,至此,我们需要引用的JS文件有: 功能要求:Ajax提交表单,在控制器HelloWorld4Controller中处理请求,并返回若干数据,数据格式为JSON. 首先,我们假设返回的JSON实体为: 复制代码 代码如下: public class LoginResult

javascript-js提交表单请求不跳转页面怎么做?

问题描述 js提交表单请求不跳转页面怎么做? 以下是js发送post请求的代码,但我不希望向指定url发送完请求后跳转到url页面,而是停留在原本页面,并对请求返回的数据进行处理. function post(URL, PARAMS) { var temp = document.createElement("form"); temp.action = URL; temp.method = "post"; temp.style.display = "none

用ajax提交表单页面整个锁死。。

问题描述 我用ajax提交表单后页面整个锁死,所有地方都不能点,直到返回数据,其他页面都没有这个情况,求解决. 解决方案 这是设置了同步的原因,你如果不需要等着这个结果返回,你可以设置异步$.ajax({ type : "post", url : "", dataType:"text",async: false,//false为同步 true为异步data : $('#aspnetForm').serialize(),success : func