ajax post提交数据， input type=submit 返回prompt aborted by user

input type=“submit”屏蔽自带的提交事件

<p><input type="submit" class="submit" value="确认支付" onclick="checksform();return false;"></p> 在 input type=“submit” 标签上填写return false;屏蔽自身的提交事件…

<input type = "submit"> 提交方式和用js的form.submit()有什么区别？

假设: A表单内有<input type="submit">,通过点击这个input来提交表单 B表单内没有<input type="submit">,而是写了一个<input type="button">,并且在这个input上绑定了click事件,在事件的监听器内用js的form.submit()提交. 1.在A表单内的某个input type=text,用户正与它交互(它是当前焦点),用户只需要按一下键盘…

AJAX请求提交数据

1,AJAX准备知识:JSON JSON指的是JavaScript对象表示方法(JavaScript Object Notation) JSON是轻量级的文本数据交换格式 JSON独立于语言 JSON具有自我描述性, 更易理解 JSON使用JavaScript语法来描述数据对象,但是JSon仍然独立于语言和平台,json解析器和json库支持许多不同的语言合格的json对象: ["雪雪","小雪","雪儿","小雪砸",&q…

ajax异步提交数据动态更改select选项

<!DOCTYPE html> <html> <head> <title></title> <script src="../jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script> </head> <script type="text/javascrip…

jQuery选取所有复选框被选中的值并用Ajax异步提交数据

昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据,今天用到了就分享一下. 由于我做的项目一些地方比较复杂,这里我只举一个小例子,能理解就好. 首先,我做了一个简单的多个复选框的界面,如图: 这是一个比较简单的多个复选框提交界面.代码如下: <body> <div> <input type="chec…

<input type="button" /> 和<input type="submit" /> 的区别

<input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生.<input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. 当表单使用ajax提交表单时,不可使用<input type="submit" />,应该使用<input type="button&quo…

input type="submit" 和"button"有什么区别？

http://www.zhihu.com/question/20839977 在一个页面上画一个按钮,有四种办法: <input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. <button> 这个按钮放在 form 中也会点击自动提…

网站开发进阶(四十四)input type="submit" 和"button"的区别

网站开发进阶(四十四)input type="submit" 和"button"的区别在一个页面上画一个按钮,有四种办法: 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容.(当然,前两个用图片背景也可以做到).它的缺点是不同的浏览器得到…

Ajax如何提交数据到springMVC后台

现在好多web项目实现前段和后端分离,实现前端和后端技术人员,使他们加快开发,减少沟通上的问题,后台只需要提供访问接口,而前天只需要调用提供的接口即可.减少前后端的沟通上的成本本项目是开发中发现ajax提交数据产生问题时,写的一个总结.实现ajax的提交数据时的技术问题本项目目录树: 本项目就一个Controller,AjaxController.java的代码如下: package com.myshiro.controller; import java.io.IOException; im…

js 模拟ajax方式提交数据

html页面 <script>function LocaluploadCallback(msg) { document.getElementById("f_localupload").outerHTML = document.getElementById; //清空 alert(msg);} </script> <form id="formlocalupload" action="/album/upload/&q…

input type="submit" 和"button"有什么区别

HTML中<input type="submit" /> 和 <input type="button" /> 主要从元素定义类型.点击触发动作两个方面来区别. 一.元素定义类型的区别: 1.<input type="button" /> 定义为一个可点击的按钮. 2.<input type="submit" /> 定义为一个提交按钮.提交按钮会把表单数据发送到服务器. 二.点击触…

input[type='submit']input[type='button']button等按钮在低版本的IE下面，去掉黑色边框的问题

今天做一个tabs效果的时候,发现上面的button在低版本下会出现黑色的边框,很难看,于是我整理了下几个去掉黑色边框的办法: 1.在button的外层嵌套一个div,设置button的border:none; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <st…

ajax post 提交数据到服务端时中文乱码解决方法

get 方式提交数据到服务端不会乱码,但对数据量有限制;post 可以提交大数据量,但中文会发生乱码,解决方法: 在JS上用使用 encodeURIComponent 对字符编码处理: studentRuselt=encodeURIComponent(JSON.stringify(result),"utf-8"); //这里用了json2 来将对象转换为json格式,然后在用encodeURIComponent来设置编码; $.ajax({ type:"post",…

前台通过ajax获取后台数据，PHP如何返回中文数据

现在经常使用Ajax调用后台php获取后台数据,但是PHP返回的数据如果含有中文的话,Ajax会无法识别,那咋整呢,我用的是比较笨的方法,但是实用: 方法一: echo urldecode(json_encode(array('status'=>'1', 'errMsg'=>urlencode('数据传递错误,请重试')))); return; 上面是之前遇到时候的解决办法,但是我又遇到了一次,用上面的办法不管用,用网上各种办法也是不行,最后琢磨出第二种方法(这种方法可能只适用于这一种情况,但…

ajax post 提交数据和文件

方式一:常用的方式是通过form.serialize()获取表单数据,但是,这样有个弊端,文件不能上传 $.ajax({ url:'/communication/u/', type:'POST', data:$('#form').serialize(), success:function(res){ ret = JSON.parse(res) for (i in ret.error){ $("#er_"+i).html(ret.error[i][0].message) } } }) 方…

ajax 如何提交数据到后台jsp页面，以及提交完跳转到jsp页面

我logincheck.jsp页面取传参数代码: String user=request.getParameter("user1"); String pwd=request.getParameter("pwd1"); login.jsp input 取2参数何用ajax 传给logincheck.jsp ================================== $.ajax({ type : "POST", url : baseUrl…

Ajax.BeginForm的异步提交数据简介

Html.BeginForm与Ajax.BeginForm都是MVC架构中的表单元素,它们从字面上可以看到区别,即Html.BeginForm是普通的表单提交,而Ajax.BeginForm是支持异步的表单提交,这对于我们开发者来说是一个福音,我们不用再自己去用JQ代码了,直接用MVC自代的Ajax.BeginForm就可以很容易的完成一个异步的表单提交动作. Html.BeginForm的原型解释: 1 @using (Html.BeginForm()) {} //提交到当前页面 2 3 @u…

form表单提交数据，页面必定会刷新，ajax提交数据不会刷新，做到悄悄提交,多选删除，ajax提交实例

很多页面用到的模态对话框,如知明网站https://dig.chouti.com/的登录页都是模态对话框, 当点登录时,是用的ajax提交,因为输入错了信息,有返回消息,而页面没有刷新. jquery ajax格式: $.ajax({ 'url':'/orm', 'type':'post', 'data':{'id':1,'name':'hhh'}, success:function (data) { alert(data); }})url是提交到那个地址 type是提交方法 data是要提交的…