ajax实现页面无跳转提交form表单

我没有做过ajax,不懂js跟jq,想实现一个输入框输入,然后提交添加,ajax怎么实现页面无跳转,显示添加成功呢,求贴测试好的代码,写好尽量讲解下

6个回答

function tijiao(){

var formParam = $("#我是form的id").serialize();//序列化表格内容为字符串

$.ajax({

type:'post', //提交方式

url:'我是提交地址',

data:formParam,//提交的数据

cache:false,

dataType:'json', //数据类型
success:function(data){ //后台处理成功后的返回操作
}
error:function(){} //后台处理失败后的返回操作
});

}

jiawei0418
jiawei0418 回复xiaozhao0211: url里写action地址 什什什么.action之类的处理类 或者把java代码写jsp里当action也行 不规范
大约 4 年之前 回复
jiawei0418
jiawei0418 <form id="我是form的id">我的名字:<input type="text" name="name"/><input type="button" onclick="tijiao()"/></form>已经很详细了 还不会么
大约 4 年之前 回复
xiaozhao0211
xiaozhao0211 能写完整点吗?。。。我对脚本一点不懂,写个form表单,调用,,,
大约 4 年之前 回复

函数没问题,你得有时间出发来调运呀,比如说写一个按钮在响应它的onclick事件时 调运你的函数

xiaozhao0211
xiaozhao0211 需要把这个函数写到一个外部文件,引文是吗?
大约 4 年之前 回复
xiaozhao0211
xiaozhao0211 那个url是怎么写的?我用的onclick=tijiao()没效果
大约 4 年之前 回复

在jsp页面定义一个button :
js:
$(function(){
$("#submitBtn").click(function(){
tijiao();
}
}

html

js

function sub(){
$.ajax({
url:url,
dataType:json,
data:data, //发送数据
cache:false,
async:false, //true异步 false同步
success:function(){
alert("注册成功");

}

});
}

u013222136
彬莫 <form onclick="sub()" method="get"> <input type="text" name="aaa" > <input type="submit" value="Submit"> </form> </body>
大约 4 年之前 回复

怎么被吞掉了...

函数没问题,你得有时间出发来调运呀,比如说写一个按钮在响应它的onclick事件时 调运你的函数

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ajax和form表单的提交跳转问题
ajax和form表单的提交跳转问题 1. 使用ajax提交form表单数据的时候,把提交按钮的type=“submit”改成type="button",防止点击提交的时候form表单自动提交刷新。 2. 使用ajax提交form表单数据,controller层返回处理的结果,在ajax里跳转页面。controller层的方法上要加@ResponseBody。 3. ajax中跳转页面使用w
javascript页面无跳转下载
一、问题说明 现在前端页面为 相应的代码为:(逻辑在downloadButtonClicked方法中实现) downloadDemo.jsp(路径为src\main\webapp\datadisplay\downloadDemo.jsp) &lt;%@ page contentType="text/html;charset=UTF-8" language="java" %&gt; &...
ajax提交form表单到servlet,网页的跳转
jsp界面如下: &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html...
form表单如何实现ajax提交
最近在开发一个游戏网关的后台管理系统,总结了下中间碰到的一些问题。 之一就是:form表单如何实现ajax提交? 问题:在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说想要将控制权放在前端,通过js来操作页面的跳转或者数据变化。 一般这种异步的操作,我们都...
XMLHTTPReuest 提交页面无反应?!
在浏览器中直接输入带参数的 URL,都能正确响应并返回。rn但是我用 XMLHTTPRequest 对象用 GET 方式,得到的返回文本为空怎么回事?rnrn还有更怪的,如果用 XMLHTTPRequest 对象 GET 方式的话,返回文本少的话可以正常,返回文本多的时候得到的 responseText 又是空了?
自定义submit()实现ajax提交form表单不刷新跳转
问题描述: 1.最近一直在为用户信息完善功能所困惑,想要实现:用户提交信息后不跳转到acction()的服务端页面,只要告诉提交成功即可。 2.论坛上大多ajax+json等方法/框架($ajaxform)都需要导入包或者js文件,本人新手 ,对于导包的方法和引用js的路径问题等方面不擅长,从早上开始纠结了一天,始终点击提交按钮依然是没有反应,并不会执行ajax+json实现的提交form...
ajax 提交form表单,上传文件
注意:使用layui 按钮提交表单时,按钮会默认提交表单。解决如下: $('.my-btn-cancel').on('click', function (e) { e.preventDefault();//阻止按钮默认提交 }); form 表单 &lt;form class="my-form" enctype="multipart/form-d...
form表单与ajax提交
当使用ajax提交数据的时候,都是不刷新页面的,但是当你将一些input中的数据敲出来时,运行还是会刷新,这个时候 就不要写submit了,它默认就是刷新页面的,改过来之后还是不好用,再次检查下,是不是放在了form中,有的时候即使 就写了这么干净的外衣,浏览器也会刷新页面,最保险的做法就是去掉,什么也不写。(仅限参考)
使用ajax提交form表单
ajax提交form表单
ajax提交form表单+跨域
$("#query").on("click",function(yhid) { var yhid=$("#txt").val();  $.ajax({ url : "/weixin/response.html?tradeId=selectYhxx", type : 'post', async : true, cache : false, data : {"yhid":yhid},
ajax提交form表单
Ajax如何无刷新提交form里面的内容。
ajax 提交form表单
1. var dataPara = $(&quot;form[name='unitForm']&quot;).serialize();//不带附件  2.var data = new FormData($(&quot;form[name='textFrom']&quot;).get(0));//带附件
jQuery Form Plugin (一) :使用AJAX提交Form表单
在jQuery Form插件可以让你很容易的使用AJAX提交Form表单,主要方法ajaxForm和ajaxSubmit负责收集表单元素的信息,管理提交进程。这两种方法都是可配置的,让你完全控制Form提交。使用AJAX提交表单没有任何方式比JQuery Form插件更容易的了. 官网地址:www.malsup.com/jquery/form/:有文档说明和演示示例可供参考! 我简单...
【ITOO】AJAX提交Form表单
【前言】       在项目中经常看见使用Ajax去提交表单,由于一开始对Ajax没有多少接触,刚开始看见的时候一头雾水,经过一段时间的磨练终于对AJAX有了简单的了解,接下来就让我们看一下在,怎么使用AJAX提交Form表单。在说明提交表单之前我们先简单了解一下什么是ajax。 AJAX简介 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 什么是AJAX?
form表单回车ajax提交
小技巧 今天整个了登录界面,本来是button按钮点击事件ajax提交,成功提交。 但是吧,回车不行,本来代码写好了,JavaScript中各种验证已写好了,改的话有点麻烦, 总是不爽,别扭,,,百思不得其解中,想到了。。。onkeydown()这是个不错的方法; 在form中加了这个 瞬间爽多了! 顺便去网上搜了一下相关事件
Ajax提交Form表单
&amp;lt;div class=&quot;iteye-blog-content-contain&quot; style=&quot;font-size: 14px&quot;&amp;gt; After clicking the submit button, FormValidation will submit the form if all the fields are valid. If you want to do additiona...
form表单的ajax提交
HTML代码 &amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt; &amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt; &amp;lt;head&amp;gt; ..
form表单AJAX提交
参考文章: http://blog.csdn.net/qq_28877125/article/details/75907422 http://blog.csdn.net/it_cookie_sam/article/details/52722881 一般来说form表单提交在前期学习,会是这个样子的 原来的form格式 form action="xxx" method="g
Ajax提交form表单,Ajax文件上传
平时我们会用到各种各样的Ajax请求数据方式,下面我们就来说一下这个Ajax的表单提交,文件上传等等。。。 1.第一种,.post,.get方式 $.post(path,{data:data},function(data){ if(success){ }else{ } },"json"); 2.第二种传统的Ajax方式(给一个简单的例子) $.ajax(
ajax提交form表单和上传图片
jquery.js + jquery-form.js + springMVC实现ajax提交form表单和上传图片,上传图片成功js可以获取图片保存相对路径。
ajax提交form表单小记
用$(&quot;#formId&quot;).serialize()可以实现将form表单数据快速组装。 以前用ajax的时候,总是把form表单的数据取出来。再组装为json或者xml格式。这种方式如果表单数据少可以考虑,如果表单数据多,就会非常麻烦。 所以用$(&quot;#formId&quot;).serialize()这种方法可以直接将数据组装好。在后台还是按照常规request.getParameter(&quot;&quot;)来获取数据。...
ajax()提交form表单
$('#billForm').serialize(): 把序列化的值传给ajax()作为url的参数,轻松使用ajax()提交form表单了,而不需要一个一个获取表单中的值然后传给ajax()
jquery的ajax提交form表单
ajax提交整个表单,可以分为2种,无返回值(即表单提交到后台,后台处理完就处理完了),有返回值(后台给出成功和失败的返回,即是ajax中success方法)。 1、无返回值    $('#formId').submit(); 直接提交到后台,(目前还没实践) 2、有返回值     serialize()方法通过序列化表单值,创建URL编码文本字符串。而$("form
AJAX异步提交form表单
记录:网上有说怎么做,没说怎么接收,打印了一下数据,记录一下取值:比如说有如下form:&amp;lt;form id=&quot;form1&quot; name=&quot;form1&quot; action=&quot;&quot; method=&quot;post&quot;&amp;gt; &amp;lt;input type=&quot;hidden&quot; name=&quot;submitTime&quot; value=&quot;${now }&quot;
Javascript实现ajax提交form表单到xml文件(Javaweb)
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServer
利用Extjs实现form表单的ajax提交
在页面上有一个form表单,只需要如下几句话即可完成form表单以ajax的方式提交:   Ext.Ajax.request({ form: 'uploadFileForm', params: _param });  其中form为form的name,_param是需要附加的参数字符串...
使用ajax提交form表单实现文件上传
在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说想要将控制权放在前端,或者想在前台接收支持IOS或安卓的json数据格式,这时候就需要使用ajax提交。 使用ajax实现文件上传: --01:--导入文件上传的jar包: &amp;lt;dependen...
使用原生javascript实现ajax提交form表单
使用原生javascript实现ajax提交form表单============================1准备表单        首先我们需要编写一个html代码,这里我是采用nodejs里面的jade模板引擎来进行生成html代码的。form(action=&amp;amp;quot;/ajaxTest2&amp;amp;quot;,method=&amp;amp;quot;post&amp;amp;quot;,enctype=&amp;amp;quot;text/plain&amp;amp;
ajax提交form表单上传附件
Html代码 &amp;lt;div class=&quot;import&quot;&amp;gt; &amp;lt;form id= &quot;uploadForm&quot; enctype=&quot;multipart/form-data&quot;&amp;gt; &amp;lt;div class=&quot;import_title&quot;&amp;gt;上传&amp;lt;/div&amp;gt; &amp;lt;div class=&quot;
ajax 提交Form表单并跳转页面
这是一个很简单的例子:先看代码 &amp;lt;form id=&quot;registeForm&quot;&amp;gt; &amp;lt;div class=&quot;form-w3step1&quot;&amp;gt; &amp;lt;input type=&quot;text&quot; name=&quot;userName&quot; placeholder=&quot;Your Name&quot; required=&quot;&quot;&amp;gt; &amp;lt;
jsp用ajax提交form表单
没接触过ajax,找了网上的例子试了下。但点了提交没有值传回来,不知道哪里出错了,想做成这个效果的rn[img=https://img-bbs.csdn.net/upload/201709/08/1504872740_424066.jpg][/img]rnrnshow.jsp的代码:rnrn rn rn rn My JSP 'show.jsp' starting pagern rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrnrnajax.jsp的代码:rn rn <% rn String userName = request.getParameter("name"); rn if(userName!=null) rn userName = new String(userName.getBytes("ISO-8859-1"), "utf-8");//解决乱码的问题 rn rn String returnString = ""; rn returnString="你好," + userName; rn out.print(returnString); %>rn
微擎之ajax提交form表单
-HTML<form action="" method="post" > <input type="hidden" name="c" value="entry" /> <input type="hidden" value="signup" name="do"> <input type="hidden" value="sign" name="o
ajax 提交form表单到Action乱码问题
在Action中设置 response.setContentType( &quot;text/xml&quot; ); response.setCharacterEncoding( &quot;文字编码(gb18030)&quot; ); 然后在页面上JavaScript部分设置
ajax提交包含图片的form表单
提交图片须加contentType、processDate属性&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; function saveFrom(){ var data = new FormData(document.getElementById(&quot;formid&quot;)); $.ajax({ ...
回车使用ajax提交form表单
[code=&quot;html&quot;] Insert title here function sub(){ $.ajax({ type:&quot;POST&quot;, url:url, data:&quot;pageSize=6&quot;, success:function(msg){ alert(&quot;success&quot;); } ...
jquery ajax 提交form表单问题
$("#inputForm").submit(function()rn $.ajax(rn type:"post",rn data:$('#inputForm').serialize(),rn url:"user/search.do",rn dataType:"json",rn success:function(datas) rn alert(datas);rn ,rn error:function(xhr) rn alert(xhr);rn rn ); rn );rnrnrn然后基本就是error 弹出[Object Object]rnrn把input type="submit"改成"button",用普通的click事件就没有问题
ajax提交form表单,包含文件file
function submitform(){          var form = document.forms.namedItem(&quot;moveForm&quot;);//表单name属性值     var fd = new FormData(form);     fd.append(&quot;projectId&quot;,$(&quot;#projectId&quot;).val()); //提交额外参数     fd.append(&quot;c...
ajax提交form表单到数据库(无刷新)
在静态页面提交表单到数据库很简单就是单纯的&lt;form action="test.php" method="post"&gt;&lt;/form&gt;这个缺点是会刷新页面,会跳转页面的。今天给大家带来的技术就是ajax提交表单优点是不刷新页面,不跳转页面,静默提交的。至于什么是ajax,自己去百度了解。首先我们得要有一个表单提交页面:index.html这个页面由两个部分组成1、表单控件2、...
通过Ajax提交form表单来提交上传文件
Ajax 提交form方式可以将form表单序列化 然后将数据通过data提交至后台,例如: $.ajax({        url : "http://localhost:8080/",        type : "POST",        data : $( '#postForm').serialize(),        success : function
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法