(jsp需要引入 :jquery-1.9.0.js、jquery.form.js ) ,jsp页面使用的是bootstrap制作的,看不懂的标签不用管,form表单大同小异。代码比较简陋,只是为了演示使用ajaxSubmit异步上传图片及保存数据,请海含! (参考文献:http://www.gxlcms.com/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html) 一:web (add.jsp) 代码如下: pageEncoding="utf-8"%> 注册商圈 response.setCharacterEncoding("utf-8");//这...
场景描述:对于一个登录页面中有一个登录的表单,但是由于登录验证逻辑比较复杂,我们希望点击登录后不刷新当前页面,给出登录结果后再选择是跳到新的页面还是提示用户名密码错误。类似这样的问题很多很多。异步获取数据使用户体验大大增强。背景知识:Ajax指的是异步JavaScript及XML(Asynchronous JavaScript And XML)。AJAX 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。通过AJAX,您...
代码如下:/** * 表单提交校验 **/function onSubmit(){ if($(#name).val().length<2){ alert("名称请不少于两个汉字"); return false; } var t = new Date().getTime(); $.ajax({ type: "POST", url: "/users/checkrepeat/", data: "name=" + $(#name).val() + "&time=" + t, success:function(res){ if(res == exists){ alert("名称已存在,请修改."...
代码如下: $.ajax({ type: "POST", url: url, data: $(#form1).serialize(), success: function(msg){ alert( "Data Saved: " + msg ); } });
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息。 jQuery 代码: 代码如下: $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); 后来我就想了一下,我要提交form表单有没有办法呢?但是我不可能每个fom的input都写一次var demo=$("#divname").val();的. 后来,今天我看到一个方法,就是.map,就做...
Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求。比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机制来实现。网上的客服软件也是ajax请求的一个比较好的案例。传统的请求页面将实现刷新,因此局限性很大。 1.为什么用AJAX?使用AJAX,用户对Web的体验会更“敏捷”:数据提交页面不会闪屏;页面局部更新速度快;网络带宽占用低。...
代码如下: window.onload=function(){ upfile('file.php'); } /* ** url 路径 **/ function upfile(url){ //创建iframe var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.id = 'iframeName'; iframe.name = 'iframeName'; iframe.style.display = 'none'; //创建form var turnForm = document.createElement("form"); document.body.appendChild(turnForm); turnForm.method = 'post';...
方法一: 代码如下:function AddHandlingFeeToRefund(){ var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($(#formAddHandlingFee).serialize()); $.ajax({ type: "POST", dataType: "html", url: AjaxURL + ?Action= + SubmitHandlingFee + &OrderNumber= + $.trim($("#").val()), ...
1、返回json字符串:代码如下:/** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try { servletResponse.setContentType("text/plain;charset=UTF-8"); pw = servletResponse.getWriter(); pw.write(json); pw.flush(); pw.close(); } catch (IOException e) { e.printStackTrace(); ...
ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件。如下所示:代码如下: 那么,如何通过ajaxSubmit(obj)提交数据呢?首先我们需要一个form: XHTML 代码如下:上面是一个需要提交内容的form,通常情况下,我们直接通过form提交的话, 提交后当前页面跳转到form的action所指向的页面。然而,很多时候我们比不希望提交表单后页面跳转,那么,我们就可以使用ajaxSubmit(obj)来提交数...
Ajax 无刷新代码如下:var xmlHttp; uName() //用户名失去焦点时 { if(all.uname.=="") { all.l1.innerHTML="不能为空!"; setTimeout("close(1)",1500); return; } else { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); xmlHttp.onreadystatechange=deal; //回调函数 var url="aJax.aspx?user="+all.uname.+""; //将要跳转到检测用户名的页面 xmlHttp.open("get",url,true); //用 get 模式提...
代码如下: function postdata(){ //提交数据函数 $.ajax({ //调用jquery的ajax方法 type: "POST", //设置ajax方法提交数据的形式 url: "ok.php", //把数据提交到ok.php data: "writer="+$("#writer").val(), //输入框writer中的值作为提交的数据 success: function(msg){ //提交成功后的回调,msg变量是...
validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证.这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例如:代码如下: //验证不通过时return if(!$("form#ajaxForm").validationEngine("validate")) return ; $.ajax({...
HTML代码:代码如下:JS代码: 若保存成功,后台返回{"ok":true};若保存失败,后台返回{"ok":false, "msg":"错误信息"}代码如下: function save() {$("#frm").submit();$("#fra").one("load", function () {var data = eval("(" + $("#fra").contents().find("body").html() + ")");if (data.ok) {$("#divtrackroad").load("TrackRoad?roadId=" + @ViewBag.roadId + "&roadName=" + @ViewBag.roadName + "&viewOrEdit=1&t=" + new ...
自己编写了一个表单验证插件,支持ajax验证,使用起来很简单。每个需要验证的表单元素下面有一个span标签,这个标签的class有一个valid表示需要验证,如果有nullable则表示可为空;rule表示验证规则,msg表示错误提示信息;to表示要验证的元素的name值,如果元素是单个的,to可以不写。该插件会遍历每个有valid的span标签,找出它前面需要验证的元素,根据rule验证,如果验证不通过,则显示边框为红色,鼠标放在元素上时显示错误信...