前几天，发现了一些小问题。我在写后台管理页面时，需要上传一张图片。于是我就用很普通的Form表单上传有一段Json串和图片文件；
Form表单上传图片只需要在<form>标签里加上enctype = ‘multipart/form-data’，这样是可以上传图片的；
但问题来了，在我进行用Form表单提交的时候直接跳出来提交返回值的页面并且原先的页面刷新；
这样我们可以先到异步的Ajax可以实现局部刷新；
废话不多说了 直接上代码；
首先是html：
<form id = "form_insert" method = "post">
<table style = "font-size: 13
2022-07-08 17:11:11
58KB
1
使用jquery与bootstrap实现了一个比较简单但功能齐全的增删改查功能的后台管理页面，虽然只是一个CRUD页面，但麻雀虽小五脏俱全，JS常用的功能都用到了，本例用原生的jquery与bootstrap配合使用，不考虑JS的重构性及打包，该例子零耦合，开箱即用。
先看Demo：
一、用到的Jquery功能
1、获取/赋值input输入值
$("#my_id").val();// 获取
$("#my_id").val(“user_id");// 赋值
2、获取/赋值textarea文本域输入值
$("#my_textarea").val();// 获取
$("#my_texta
2022-05-30 21:10:26
81KB
1
jquery.js + jquery-form.js + springMVC实现ajax提交form表单和上传图片，上传图片成功js可以获取图片保存相对路径。
2022-05-13 14:57:55
4KB
1
Java web项目：bootstrap实现注册页面，mvc模式联合mysql数据库检查用户名的唯一性。
一、实现效果：
重置这里有bug，bootstrapValidator验证不能重置，待解决。
二、代码准备：
引入bootstrap，bootstrapValidator和jquery。
<link rel="stylesheet" href="<%=request.getContextPath() %>/css/bootstrap.min.css" rel="external nofollow" />
<link rel="stylesheet" href="<%=request
2022-04-07 16:08:25
72KB
1
最近项目需要批量上传附件，查了下资料，网上很多但看着一脸懵，只贴部分代码，介绍也不详细，这里记录一下自己的采坑与多种实现，以免以后忘记。
这里先介绍下FormData对象，以下内容摘自地址
XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个”表单”.比起普通的ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件.
在我的自定义input文件上传样式里就已经实现里单文件上传，并且
2022-01-04 16:54:56
211KB
1
在jQuery Form插件可以让你很容易的使用AJAX提交Form表单，主要方法ajaxForm和ajaxSubmit负责收集表单元素的信息,管理提交进程。这两种方法都是可配置的,让你完全控制Form提交，本篇文章介绍基于jQuery通过jQuery.form.js插件使用ajax提交form表单，需要的朋友可以参考下
2021-12-22 20:58:05
63KB
1
总结laravel-admin展示用到的基本方法
基础用法
自定义model
当列表数据获取有特定条件或自己写ORM方法时可以用到，支持排序
$grid->model()->select('id','name')->where('status',1)->groupBy('project_id');
$grid->model()->select('id','name')->where('status',1)->groupBy('project_id');
//结合having 查出名字重复的
$grid->model()->select('name_en')->groupBy('name_en
2021-12-19 21:38:04
63KB
1
本文实例讲述了jQuery ajax提交Form表单的方法。分享给大家供大家参考，具体如下：
Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。
如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。
以前的处理方法
如Form代码如下：
<form id="Form1" action="action.aspx" method="post" >
名称：<input name="name" type="text" />
密码：<input name="password" type="password" /><br /
2021-11-15 20:29:48
53KB
1
大家应该都知道，在静态页面提交表单到数据库很简单就是单纯的
<form action="test.php" method="post">
</form>
这个缺点是会刷新页面，会跳转页面的。
今天给大家带来的技术就是ajax提交表单
优点是不刷新页面，不跳转页面，静默提交的。
至于什么是ajax，自己去百度了解。
首先我们得要有一个表单提交页面：
index.html
这个页面由两个部分组成
1、表单控件
2、jQuery+ajax处理脚本
jQuery脚本会获取form表单的数据，通过post的方式提交给api.php
<!DOCTYPE HTML PUBLIC "-//W
2021-11-09 13:45:41
63KB
1
本文实例讲述了PHP基于session.upload_progress 实现文件上传进度显示功能。分享给大家供大家参考，具体如下：
介绍
session.upload_progress 是PHP5.4的新特征。
当 session.upload_progress.enabled INI 选项开启时，PHP 能够在每一个文件上传时监测上传进度。 这个信息对上传请求自身并没有什么帮助，但在文件上传时应用可以发送一个POST请求到终端（例如通过XHR）来检查这个状态。
当一个上传在处理中，同时POST一个与INI中设置的session.upload_progress.name同名变量时，上传进度可
2021-11-09 01:48:13
79KB
1