AJAX异步提交，浏览器总跳出下载界面

【AJAX异步提交，浏览器总跳出下载界面】的更多相关文章

AJAX异步提交，浏览器总跳出下载界面

问题: 我在写一个网页的“用户登录”部分时,要将用户名和密码传到后端验证,想在前端用了AJAX异步提交功能,将用户名密码传到后端,然后后端返回验证结果.但AJAX写好后每次刷新网页都会跳出下载窗口,起初以为是 AJAX传输的数据格式出了问题,导致浏览器误以为后台传来的数据是下载内容(这么猜测的),于是换了xml,txt,jaon 等格式试了个遍,最后还是没解决.后来翻到这篇帖子,才明白: http://www.jb51.net/article/32540.htm,我们先看看我的代码: 下面是…

ASP.NET MVC 网站开发总结（五）——Ajax异步提交表单之检查验证码

首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般注册都需要用户填一个验证码信息(防止机器恶意注册),并且这个验证码会提交到后台去进行比对,若是错了则不会检查其他提交信息而直接返回浏览器端提示验证码错误.若是简单地用form表单直接将数据提交到指定的url,当验证码填写错误的信息返回浏览器端的时候,不可避免整个页面都会重新刷新一次,这是用户所不想要…

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

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

Ajax异步提交登录(2)--登录使用

http://cjp1989.iteye.com/blog/1740964 1.Ajax的原理: Ajax的原理就是:通过javascript的方式,将前台数据通过xmlhttp对象传递到后台,后台在接收到请求后,将需要的结果,再传回到前台,这样就可以实现不需要页面的转发,数据实现来回传递,从而实现页面无刷新. 基于这个原理,我想到使用Ajax传输登录的信息,包括错误信息,功能很强大,保证绝对的用户友好型. 2.使用Ajax异步提交登录可以实现功能:可以提示用户名错误,可以提示用户名正确但是密码…

ajax 异步提交含文件的表单

1.前言需求是使用 jquery 的 ajax 异步提交表单,当然,不是简单的数据,而是包含文件数据的表单.于是我想到了 new FormData() 的用法, 可是仍然提交失败,原来是ajax的属性需要修改才可以 [同步在form标签添加几个属性即可,这里就不解释了] 2.前端表单源码,[同时上传多文件,name属性要相同后台才可以以数组的形式获取] 1 <form id="myform"> 2 <input type="file" name…

Django之ORM多对多表创建方式，AJAX异步提交，分页器组件等

MTV与MVC MTV模型: M:模型层(models.py),负责业务对象和数据库关系的映射(ORM) T:模板层(Template),负责如何把页面展示给用户(HTML) V:视图层(views.py),负责业务逻辑,并在适当的时候调用Model和Template MVC模型: Web服务器开发领域里著名的MVC模式,所谓MVC就是把Web应用分为模型(M),控制器(C)和视图(V)三层,他们之间以一种插件式的.松耦合的方式连接在一起,模型负责业务对象与数据库的映射(ORM)…

使用ajax异步提交表单

虽然这篇文章的标题是提交表单,但是主要的难点在于使用ajax提交文本域的内容, 在工作中的经常会需要ajax跨域的问题,通常的需求使用jsonp就可以得到解决,但是当前项目中有一个图片服务器,客户端需要直接上传图片到图片服务器中,这就产生了一个跨域post提交文件的问题,很显然jquery本身jsonp只支持get方式的异步提交肯定是不行其中也尝试过使用ifrmae的方法来提交数据,在网上有,但是效果不理想,并且也很复杂的样子,最后选择出了jquery.from.js 这个插件,可以实现异步的…

extJs常用的四种Ajax异步提交

/** * 第一种Ajax提交方式 * 这种方式需要直接使用ext Ajax方法进行提交 * 使用这种方式,需要将待传递的参数进行封装 * @return */function saveUser_ajaxSubmit1() { Ext.Ajax.request( { url : 'user_save.action', method : 'post', params : { userName : document.getElementById('userName').value, p…

jquery ajax异步提交表单数据

使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用 FormData对象: 不带文件的表单数据使用:var data = $(form).serialize(); 带文件的表单数据使用: var data = new FormData($(form)[0]); 一.不上传文件的ajax提交数据: 1.用seriali…

jquery ajax异步提交表单数据的方法

使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用 FormData对象: 不带文件的表单数据使用:var data = $(form).serialize(); 带文件的表单数据使用: var data = new FormData($(form)[0]); 一.不带文件的ajax提交数据: html:form表单…

MVC之AJAX异步提交表单

第一种用法: 在MVC中,依然可以使用ajax校验,跟在WebForm中的使用时一样的,唯一的区别就是将以前的URL路劲改为访问控制器下的行为前台 <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scripts/jquery-1.8…

使用AJAX异步提交表单的几种方式

方式一手工收集所有的用户输入,封装为大的“k1=v1&k2=v2…”键值对形式,使用$.post(url, data,fn)把数据提交给服务器 $.ajax({ type:'post', url:'Notice_noTipsNotice', data:'k1=v1&k2=v2...', cache:false, dataType:'json', success:function(data){ } }); 方式二单序列化:$('#myform').serialize( ); 其返回值就是…

ajax异步提交有时会出现无bug的数据处理异常-----debug没有问题，正常运行却数据处理不正确，极少机会会出现正常的处理结果

ajax 被使用时,常默认的就使用了异步处理. 当遇到后面的代码对同样的数据进行处理或要依赖前面ajax处理的结果时,就会导致数据处理结果不正确,未达到预期值. 且,debug时却能正常完成功能,得到预期值.再就是多次测试,又有很少的机会会出现正确数据结果. 这就是ajax异步和同步的问题, debug时程序一直处于同步的过程中执行代码.所以设置的异步被无效化,看不到数据处理的异样. 不debug时,就会出现数据处理的顺序不对,导致结果不对. 解决方法就是将ajax的属性async 改…

关于Ajax异步提交登录及增删改查小项目制作-登录

一.登录的完成先导包jquery和MySql //异步提交 <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> //在这里用来支持$写法 <script type="text/javascript"> $(function(){ $("#bt").click(function () { //点击id为b…

通过Ajax异步提交的方法实现从数据库获取省份和城市信息实现二级联动（xml方法）

之前有写过是从JavaScript数组里获取省市信息来实现二级联动,但是似乎有很多需求是要从数据库里获取信息,所以就需要根据异步提交,局部刷新的思想来实现来提高用户交互问题第一种方法是xml方法 1.首先在jsp页面的JavaScript,这段代码是通用的,所以把他放在函数外面,可以供其他的函数共同使用 var xhr=false; //创建XMLHttpRequst对象 if(window.XMLHttpRequest) { xhr=new XMLHttpRequest(); } else…

Ajax异步提交的步骤

1.创建XHR对象 ,XMLHttpRequest(该对象负责悄悄滴与服务器进行交互): 2.设置响应函数/回调函数(响应函数规定对返回自服务器的信息如何进行处理): 3.通过xmlhttp.open("GET",url,true)函数,设置发送方式为GET或者POST,数据发送的地址url,是否异步提交: 4.当服务器发回响应信息后,执行响应函数,对响应信息进行处理:…

jQuery.form.js jQuery ajax异步提交form

jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传. 官网下载地址:http://plugins.jquery.com/form/ API ajaxForm 增加所有需要的事件监听器,为ajax提交表单做准备.ajaxForm并不能提交表单.在document的ready函数中,使用ajaxForm来为ajax提交表单进行准备. 接受0个或1个参数.参数可以是一个回调函数,也可以是一个Options对象. $("#formid").ajaxForm(…

使用ajax异步提交表单数据（史上最完整的版本）

额为啥用这个不用form呢,因为这个效率高,而且在浏览器中运行程序的时候如果出现bug的话,页面不会显示显示错误信息,提高了用户的体验度. 那么,就来看看把,先给数据库表截个图哈然后写项目被我的目录结构然后看代码呗 conn.php <?php $conn=@mysql_connect("localhost","root","root")or die("mysql连接失败!");@mysql_select_d…

AJAX异步提交form表单

记录: 网上有说怎么做,没说怎么接收,打印了一下数据,记录一下取值: 比如说有如下form: <form id="form1" name="form1" action="" method="post"> <input type="hidden" name="submitTime" value="${now }"> <input type=…

ajax异步提交的两种方法

第一种是原始的ajax,第二种是在jQuery中使用ajax.这是我为测试两种提交方法而写的一段代码. 1.struts.xml <package name="json" extends="json-default"> <action name="books" class="com.huawei.struts.BooksAction"> <result type="json"&…

ajax异步提交文件

首先下载jquery和jquery.form.js http://malsup.com/jquery/form/ <script type="text/javascript" src="jquery/jquery.js"></script></head><script type="text/javascript" src="jquery/jquery.form.js">&l…

Ajax异步提交造成变量undefined

在使用jQuery的get方法或post方法向后台发ajax请求时,在其中定义一个变量htmlcollectionlst,但是在循环结束后却发现是undifined $.get("GetPlantDetailHandler.ashx", { lname: json[0].LName }, function (data) { var htmlcollectionlst = ""; for (var i = 0; i < json.length; i++) { h…

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中使用FormData异步提交数据和提交文件

web中数据提交事件是常常发生的,但是大多数情况下我们不希望使用html中的form表单提交,因为form表单提交会中断当前浏览器的操作并且会调到另一个地址(即使这个地址是当前页面),并且会重复加载一些html浪费带宽,我们希望达到一个无刷新的.异步的提交效果来给用户更好的体验,这时候就要使用ajax,ajax可以不依赖表单自行发起一次http请求并且取回服务器响应的数据,这就是ajax的简便之处.我们这里使用JQuery中封装好的ajax函数,更加简便.下面列举几个使用ajax异步提交数据的方…

[Ajax] 使用Ajax异步上传图片文件(非Form表单提交)

通过表单Form提交来上传文件的方式这里就不说了: 下面介绍,通过js中使用ajax异步上传图片文件: 新建一个html页面和一个一般处理程序即可: 涉及思路: //发送2次Ajax请求完成js异步上传文件的操作: //第1次,post 只上传文件,返回文件名name //第2次,get 根据文件名name定位服务器上的文件,同时根据浏览器传过来的realname重命名服务器上的文件 //(如果有其他参数,也可以通过第2次一并上传) 图片文件…

利用struts2进行单个文件，批量文件上传，ajax异步上传以及下载

利用struts2进行单个文件,批量文件上传,ajax异步上传以及下载 1.页面显示代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+reque…

Ajax 局部刷新异步提交

AJAX简介局部刷新,异步提交. AJAX 不是新的编程语言,而是一种使用现有标准的新方法.它最大的有点就是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容. 浏览器朝后端发送请求的方式: 访问方式请求方式浏览器地址栏输入url访问 GET请求 a标签href属性 GET请求 form表单 GET/POST请求 ajax GET/POST请求这里的Ajax是jQuery封装之后的版本,所以在前端页面使用的时候要确保导入了jQuery. AJAX实现局部刷新求和案例在…

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

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

表单（同步提交）和AJAX（异步提交）示范

表单提交(同步提交) HTML文件: PHP文件: 这样就能接收到HTML里输入的内容,注意: FORM表头method为POST,PHP文件获取的方法就是$_POST,method为GET,PHP的获取方法就是$_GET,另外登录(提交按钮)的TYPE为submit 异步提交(AJAX提交) HTML: PHP: 注意: HTML中的FORM,提交按钮TYPE改为BUTTON,防止刷新.AJAX是jqery所以script包起来,因为我引入了弹窗的样式,所以有这个这里如果成功接收数据,如果c…

【文件上传】文件上传的form表单提交方式和ajax异步上传方式对比

一.html 表单代码 …… <input type="file" class="file_one" name="offenderExcelFile" id="offenderExcelFile" /> …… 二. 表单form提交 function importFile(){ var excelPath = $("#offenderExcelFile").val(); if(excelPa…